3

AndroidデバイスのWebViewによってロードされるように作成されたWebサイトがあります。基本的に、ロードするWebサイトが画面に収まることを期待しています。つまり、ページからオーバーフローしてスクロールを導入することはありません。

サイトをポートレート モードの webview で読み込むと、正常に読み込まれます。つまり、すべてが整っていて、オーバーフローがなく、画像が正しいサイズになっています。webview を表示しているときに横向きに変更すると、すべてがクールです。縦向きモードの場合と同じビューをスケーリングして表示します。その周りに余分なスペースを確保するだけです。

ただし、最初に横向きモードでWebビューをロードすると、横向きでは余分な幅があるため、サイトのコンテンツが拡大されているようです。携帯電話を縦向きにすると、再表示されませんウェブサイトのコンテンツをスケーリングすると、縦向きの画像が大きすぎて、画像全体を表示するには右にスクロールする必要があります。

コンテンツを表示するためにスクロールする必要がある場所を避けようとしています

Webビューを横向きから縦向きに回転させると、Androidは横向きモードのものを何でも取り、サイズを変更せずに縦向きにするためですか?

4

1 に答える 1

0

iOS にも同様のバグがあり、デバイスを回転すると奇妙なページ ズームの問題が発生します (詳細については 、 https://github.com/scottjehl/Device-Bugs/issues/2を参照してください)。iOS でこれを修正するには、meta ビューポート タグを変更することをお勧めします。最も一般的な (そして HTML5 ボイラープレートに付属していた) メタ ビューポート タグは次のとおりです。

<meta name="viewport" content="width=device-width,initial-scale=1.0">

ただし、 を削除することでinitial-scale=1.0、このバグを回避できます (iOS の場合):

<meta name="viewport" content="width=device-width">

ただし、この修正が Android で機能するかどうかはわかりません。

于 2012-06-06T20:39:36.540 に答える