7

私はこの Web サイトを作成しましたが、これまでのところ、特定の iPhone フォンでのみ Web サイトがレスポンシブ モードで表示されない理由を見つけることができませんでした。(ほとんどの iPhone フォンで正しく表示されます)。

これが私がこれまでに行ったことです：

  1. Android デバイスで Web サイトを確認しました: 良さそうです
  2. さまざまなブラウザーでレスポンシブ Web サイトを確認してください: 動作します
  3. オンラインの iPhone シミュレーターを使用して、Web サイトがどのように見えるかを確認します。
  4. レスポンシブ モードの表示に問題がある iPhone デバイスのブラウザ キャッシュと Cookie をクリアしました。

これは、ウェブサイトのホームページが iPhone でどのように見えるべきかのスクリーンショットです。

ここに画像の説明を入力

4

6 に答える 6

6

あなたの問題はビューポートのメタタグを使用していないと思います。多くの場合、モバイル デバイスのピクセル密度はデスクトップ ディスプレイよりもはるかに高いため、メディア クエリが正しく読み取られない可能性があります。

head セクションに次のようなものを追加してみてください。

<meta name="viewport" content="width=device-width,initial-scale=1" />
于 2013-10-04T17:06:39.533 に答える
0 
/* iPhone 5 Retina regardless of IOS version */
@media (device-height : 568px) 
and (device-width : 320px) 
and (-webkit-min-device-pixel-ratio: 2)
/* and (orientation : todo: you can add orientation or delete this comment)*/ {
                 /*IPhone 5 only CSS here*/
}
}
于 2016-11-25T11:10:45.817 に答える
0

iphone5の場合は568の幅を試してください

于 2013-10-09T10:18:57.010 に答える