流体レイアウト
充填コンテンツの両側にパーセンテージ分布、非固定幅、流れのレイアウト。
ビューポート(ビューポート)
ページ移動端末は、ブラウザのモバイル側に直接ではないため、表示のウェブPC側には、ブラウザの電話側のページには表示されませんが、仮想領域モバイル側で、この仮想領域は、(視覚的なビューポートと呼ばれますウィンドウ、ビューポート、ブラウザのデフォルトの幅よりも一般に大きい幅ビューポート)、次いで、対応するズームビューポート、最後のブラウザでビューポート。
適応方式
デフォルトのビューポートは、ユーザー無愛想な携帯端末ディスプレイのページようスケーリングされているので、私たちはいくつかの設定ページの表示は、モバイルとPCエンドのようだったようにする必要があります。
- ページ幅は、ブラウザの幅と一致していなければなりません
- デフォルトの表示スケーリングおよびPC-一貫性(スケール1.0)
- ユーザーがページをズームすることができません
<head>
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
</head>
ビューポートの6つの機能的特性があります。
- 幅(特殊値:デバイス幅、デバイスの画面の幅を示す)が設けられている幅
- 高さは、高さを設定しました
- 初期の規模(1:スケーリングを意味しない)セットのデフォルトの初期化スケーリング
- ユーザースケーラブルなユーザーが設定をズームすることができるかどうか
- 最小スケーリングを設定minmium規模
- maxmium規模は最大のスケーリングを設定します。