2

このスクリーンショットを共有して、すべての Android ブラウザーでどのように表示されるかを示します。

ブラウザ比較

使用<meta name="viewport" content="width=device-width, initial-scale=0.3">しましたが、Androidのデフォルトブラウザでしか動作しないようです。

テスト用のリンクをまとめました

正しいビューは、Android の既定のブラウザーのように、縦または横のモードで幅が 100% に調整されている必要があります。

4

1 に答える 1

2

これを修正する1つの方法は、ビューポートをドキュメントの幅に設定することです。ブラウザとデバイスごとに、表示可能領域またはデフォルトのピクセル幅が異なります。ビューポートを次のように変更します。

<!-- When viewing your css and live widths I got 944 wrapper width,
update if incorrect -->
<meta name="viewport" content="width=944" />

同じことを表示する他の唯一の方法は、html5の代わりにモバイルDoctypeを使用することです。ただし、これにより一部の機能が破損する可能性があります。

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">
于 2012-07-30T01:17:10.430 に答える