0

私はクライアント用のモバイル スタイルシートに取り組んでおり、iPhone で水平スクロールバーを取得しています。テストにiosシミュレーターを使用しているので、それが理由かどうかはわかりません。

  • 幅 100% の div #container があります。コンテナーには、ページのすべてのコンテンツが含まれます。
  • パディングやマージンはありません。
  • まだ表示されるかどうかを確認するために、99、98、97 % にしてみましたが、そうです...
  • オーバーフロー-x: 非表示を使用しています

私が忘れているテクニックや、ここで欠けているものはありますか? 以前に（より単純なサイトで）いくつかのモバイル スタイルシートを作成したことがありますが、この問題は発生しませんでした。

ここにリンクがあります：

http://www.insomniacdesign.co.php5-24.dfw1-2.websitetestlink.com/roche/prototype-r4/core-template.php

4

1 に答える 1

1

iPhone の解像度かもしれません。ブラウザのサイズを 320 に変更すると問題ないように見えますが、それとより高い解像度のスタイルの間で H' スクロールが発生します。

更新: これが役立つかどうかはわかりませんが、もう一度見てみると、ページが 320 を下回ると、より大きなスタイルに戻ります。携帯電話に灰色のバーが表示され、メディア クエリが適用されているスタイルのセットを示していますか?

Android でそれを見ると、'MyRoche' と 'News and Stories' で始まるメニューは、'best Practices' と 'Custom Career Map...' で始まるメニューよりも下に表示されます。

上の 2 つは、私の 320px ワイド画面で左右にずれます。これが役に立てば幸いです。

于 2012-11-16T15:31:36.283 に答える