Twitter Bootstrap に基づくサイトの一連のテンプレートを継承しました。次の<head>メタタグに表示されます。
<meta name="viewport" content="width=device-width">
しかし、ドキュメントによると、次のようにする必要があります。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
誰かがこれら2つの違いを説明できますか?
9719 次
1 に答える
7
これらは単なる異なるプロパティであり、1つ以上追加できます。Mozillaのサイトから：
widthプロパティは、ビューポートのサイズを制御します。width = 600のような特定のピクセル数、または100％のスケールでのCSSピクセル単位の画面の幅である特別な値のdevice-width値に設定できます。
そして2つ目は、ページが表示されるときのズームを制御します。
initial-scaleプロパティは、ページが最初に読み込まれるときのズームレベルを制御します。
さらに、maximum-scale、minimum-scale、およびuser-scalableプロパティを使用して、ユーザーがページをズームインまたはズームアウトする方法をさらに制御することもできます。
これが必要なのは、モバイルデバイスのピクセル密度が大きく異なるためです。このようなプロパティを指定すると、画面の密度に関係なく、iPhone、Galaxies、Nokiaなどでページがほぼ同じ物理サイズでレンダリングされます。
于 2012-12-03T20:50:47.263 に答える