0

PhoneGap を使用して iPhone アプリに画像を挿入するときに問題が発生します。このウェブサイトによると、どの iPhone 画面の幅も 320pts です。

私のCSSには、次のコードがあります。

#someId {
    position:absolute;
    top:0px; 
    left:0; 

    max-width:640px;
    max-height: auto;
}

そして、私の HTML ファイルには次のスニペットがあります。

<img src="image.png" id="someId" alt="">

しかし、このままだとどうしても画像が実際の画面より大きくなってしまいます。iPhone 6.0 シミュレーターを使用しています。の値max-widthを 320pt に変更しても、何も変わりません。

誰もこれを経験していますか？

4

1 に答える 1

0

非常に多くの Web サイトが一般的なデスクトップ サイズのブラウザー ウィンドウを想定して設計されているため、Mobile Safari はページをデフォルト幅の 980 ピクセルでレンダリングします。画面の幅でのみ Web サイトをレンダリングするようにこのデフォルトをオーバーライドするには、次の<meta>要素を使用します。

<meta name="viewport" content="width=device-width">
于 2013-01-11T21:30:21.263 に答える