1

私の最近の作品の1つには、iPadにかなり奇妙なバグがあります。私は所有していないので、クライアントがスクリーンショットを撮ってくれました。私は完全にアイデアがありません。

このサイトはTwitterBootstrapで構築されています。あなたはそれとすべてのコードをここで見つけることができます:

http://www.webalys.com/

スクリーンショットは次のとおりです。

https://www.box.com/s/f45c618996c65006266a

2つの画像では、サイトは横向きモードの画面の半分にのみ表示されます。それができない場合は、両側にかなりのマージンがあります(これは、使用した固定レイアウトによるものだと思います)。

私はビューポートメタタグでたくさん遊んだが、運がなかった。私が何をしても、iPad、iPhone、またはAndroidフォンのいずれかで見栄えが悪くなります。モバイルディスプレイに合わせて1列のすべてのテキストがつぶれないように、ビューポートメタタグを追加しました。

そして、それらすべての中で最も奇妙なのは、それがグーグル検索からロードされた場合、サイトは一方の側にロードされ、検索はもう一方の側に残るということです。

十分に明確に説明できたかどうかはわかりません。

ありがとう !

4

2 に答える 2

1

最後に、メタ「ビューポート」タグを削除すると、すべて正しく機能しました。サイトは何も変更せずに読み込まれ、側面のパディングはなくなります。

私の推測では、レスポンシブ デザインではなく、小さな画面でデスクトップの外観を維持したい場合は不要です。

于 2012-09-14T17:34:44.300 に答える
0

サイズが変更されない場合、bootstrap.responsive.css ファイルが含まれていません。

http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css

于 2012-08-30T15:52:45.033 に答える