position absolue iPad largeur du conteneur problème

Question

J'ai un problème de visualisation dans un safari iPad où mon conteneur div est en train de redimensionner pour s'adapter à un élément positionné absolue. L'iPad semble ajouter la largeur de l'élément débordant à la largeur «.content» 980 et faire un zoom arrière pour montrer une largeur de 1080px. Peut-être qu'il y a une propriété pour forcer l'iPad à seulement la taille à la largeur de 980px du contenu?

I ont un conteneur div avec la classe de contenu avec les propriétés CSS suivantes définies:

.content{ 
    position:relative; 
    width:980px; 
    height:100%; 
    margin:0 auto; 
} 
.e1{left:880px;top:892px;width:300px} 

De contenu I ont un élément positionné absolu qui va à l'extérieur des limites de 980px largeur comme ceci:

<div class="content"> 
    <div class="e1"> 
     <img src="images/elements/e1.png"/> 
    </div> 
</div> 

Answer 1

ajouter à votre tête:

<meta name="viewport" content="width=980, user-scalable=0" /> 

Edit:

Ok, après avoir regardé votre code et l'écran, je peux voir que l'élément n'est pas réellement absolue positionné comme vous avez mis en haut et à gauche, mais la position n'avez pas inclus »: absolu;". Anywho, il semble que la question est la largeur de l'image pour l'ajouter à votre css

.e1 img{ 
    width:100%; 
    height:auto; 
} 

Answer 2

J'ai eu un problème similaire et a été en mesure de le fixer à l'aide du code ci-dessous, espérons que cette aide ...

html,body 
{ 
width: 100%; 
overflow-x: hidden; 
}