モバイル デバイス ウィンドウ全体のサイズを占める Div があるモバイル html5 Web サイトを作成しようとしています。
高さ 100% の DIV を作成し、高さ 100% の本文内に配置しました。HTML タグの高さは 100% です。
何らかの理由で、ページが Android に読み込まれると、ウィンドウ サイズの半分しか使用されず、ウィンドウの高さを照会すると、実際の 450px ではなく 229px と表示されます。
電話を回転させて元に戻すと、ウィンドウの高さが 450px になります。
なぜそれが起こるのですか？それを修正する方法はありますか？
4991 次
2 に答える
1
ビューポートを使用:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
于 2012-04-30T17:31:21.727 に答える
1
同じソリューションを次の場所に投稿しました: Android ブラウザーの screen.width、screen.height & window.innerWidth & window.innerHeight は信頼できません
、などの中window.innerHeightで唯一の定数は でした。window.outerheightscreen.height
このコードは私にアウターハイトを与えました：
screen.height / window.devicePixelRatio - window.screenTop
また、Android の古いバージョンをサポートするには、コードをsetTimeout
これがお役に立てば幸いです=）
于 2012-10-04T10:28:59.457 に答える