私は横型のサイトを持っており、モバイル デバイスで表示するときにサイトの高さが常に 100% になるようにしたいと考えています。ビューポートのメタ タグを - に設定しました。
<meta name="viewport" content="height=device-height, user-scalable=no">
これはポートレート モードとランドスケープ モードの両方で正常に動作しますが、携帯電話をポートレート モードからランドスケープ モードに回転させると、サイトのスケールが 100% を超えます。ページを再読み込みしない限り (更新は機能しません)。
なぜそうするのかを説明するこのリンクを見つけました- http://filamentgroup.com/examples/iosScaleBug/ そしてそこの指示に従い、メタタグをに変更しました
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, maximum-scale=1.0">
これにより、縦向きモードから横向きモードに切り替えるときの向きの問題は解決しましたが、サイトが 100% の高さになるわけではありません。
ズームをオフにしたいので、ズーム機能を無効にしても問題ありません。
この問題を解決するための提案はありますか?
ありがとう