html - iPadの物理的な向きは効果がありません

Question

iPadの「縦向き」の向きは、幅1024ピクセル、「風景」のウィンドウ768ピクセルに対応していることを理解しています。

ただし、Webページにアクセスしたとき、iPadの向きに関係なく、常に同じ幅になります。

左下の赤い数字は、 JSイベントにjQuery('body').width()接続されている値を表しています。resize()ポートレートモードとランドスケープモードの両方で値が同じままであるのはなぜですか？

Answer 1

initial-scale=1メタタグに追加する必要がありますviewport。この関連する質問を参照してください: iOS デバイスのビューポート メタ タグ

Answer 2

jQuery を使用してページのスタイルを変更する代わりに、Sass メディア クエリの使用を検討する必要があります。

http://thesassway.com/intermediate/responsive-web-design-in-sass-using-media-queries-in-sass-32

http://thesassway.com/intermediate/responsive-web-design-part-2

よりシンプルで、js イベントやコード操作に依存しません。

それが役に立てば幸いです、乾杯。