1

この記事を読んだ2つのビューポートの話

この記事では、著者は次のように書いています。

「CSSレイアウト、特にパーセント幅は、レイアウトビューポートを基準にして計算されます」

「要点は、ブラウザは、完全にズームアウトされたモードで画面を完全に覆うように(したがって、ビジュアルビューポートと同じになるように)レイアウトビューポートのサイズを選択したことです。」

私は次の段落を理解していません:

「今、あなたが試すことができるのは、html {width:320px}を設定することです。これで、要素が縮小し、他のすべての要素が320pxの100%を占めるようになります。これは、ユーザーがズームインしたときに機能しますが、最初は機能しません。ほとんど何も含まれていないズームアウトされたページに直面しています」

デバイスの画面サイズが約320ピクセルの場合、レイアウトビューポートも同様であり、html要素のcss幅が320pxに設定されている場合、要素が縮小するのはなぜですか?

ありがとう

ここに画像の説明を入力してください

4

1 に答える 1

4

デバイスの画面サイズが約320ピクセルの場合、レイアウトビューポートも同様であり、html要素のcss幅が320pxに設定されている場合、要素が縮小するのはなぜですか?

メタタグ(またはメタタグへの追加)でリセットしない場合、モバイルデバイスにはデフォルトのビューポートが約980pxになります。<meta name="viewport" content="width=device-width">

モバイルブラウザは、980pxのサイズが画面に収まるようにページを自動スケーリングし、320pxをその3分の1にします。

于 2012-05-29T12:49:59.263 に答える