css - 位置絶対 iPad コンテナ幅の問題

Question

絶対配置要素に合わせてコンテナ div のサイズが変更されている iPad サファリでの表示に問題があります。iPadは、オーバーフロー要素の幅を「.content」980幅に追加し、ズームアウトして約1080px幅を表示しているようです。おそらく、iPad のサイズをコンテンツの幅 980px に限定するプロパティがあるのでしょうか?

次のcssプロパティが定義されたコンテンツのクラスを持つコンテナdivがあります。

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

コンテンツ内には、次のように 980px 幅の境界の外に出る絶対配置要素があります。

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

Answer 1

これを頭に追加します：

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

編集：

コードと画面を見てみると、要素が実際には絶対配置されていないことがわかります。これは、上と左を設定したが、「position:absolute;」が含まれていないためです。とにかく、問題は画像の幅にあるようですので、これをcssに追加してください

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