流体レイアウトビューポートと

流体レイアウト

充填コンテンツの両側にパーセンテージ分布、非固定幅、流れのレイアウト。

ビューポート(ビューポート)

ページ移動端末は、ブラウザのモバイル側に直接ではないため、表示のウェブPC側には、ブラウザの電話側のページには表示されませんが、仮想領域モバイル側で、この仮想領域は、(視覚的なビューポートと呼ばれますウィンドウ、ビューポート、ブラウザのデフォルトの幅よりも一般に大きい幅ビューポート)、次いで、対応するズームビューポート、最後のブラウザでビューポート。

適応方式

デフォルトのビューポートは、ユーザー無愛想な携帯端末ディスプレイのページようスケーリングされているので、私たちはいくつかの設定ページの表示は、モバイルとPCエンドのようだったようにする必要があります。

  • ページ幅は、ブラウザの幅と一致していなければなりません
  • デフォルトの表示スケーリングおよびPC-一貫性(スケール1.0)
  • ユーザーがページをズームすることができません
<head>
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> 
</head>

ビューポートの6つの機能的特性があります。

  • 幅(特殊値:デバイス幅、デバイスの画面の幅を示す)が設けられている幅
  • 高さは、高さを設定しました
  • 初期の規模(1:スケーリングを意味しない)セットのデフォルトの初期化スケーリング
  • ユーザースケーラブルなユーザーが設定をズームすることができるかどうか
  • 最小スケーリングを設定minmium規模
  • maxmium規模は最大のスケーリングを設定します。

おすすめ

転載: www.cnblogs.com/jlfw/p/11832756.html