ビューポート文法入門
<メタ名= "ビューポート"
コンテンツ=」
[|デバイス高pixel_value]、高さ=
幅= [pixel_value |デバイス幅]、
最初のスケール= FLOAT_VALUE、
最小スケール= FLOAT_VALUE、
最大規模= FLOAT_VALUE、
USER-スケーラブル= [YES | NO]、
ターゲット・densitydpi = [dpi_value |デバイス-DPI |高解像度|中解像度|低解像度]
「/>
幅
制御ビューポートのサイズは、値を指定することができ、またはそのようなデバイス幅のデバイス幅などの特定の値、（ピクセルのCSSには、100％にスケーリングされました）。
高さ
と幅が指定された高さに対応します。
最初のスケールの
初期のスケーリング。その最初のページのズームレベル。これは、浮動小数点値は、乗算器のページサイズです。ショーに1：たとえば、Webページ、そして、あなたが最初のスケーリング「1.0」を設定した場合、ショーが1の濃度分解能をターゲットにするだろうとき。あなたが「2.0」に設定した場合、ページは2倍に拡大されます。
最大規模の
最大ズーム。すなわち、最大許容ズームレベルです。また、画面の大きさに比べて最大乗数ページサイズを示す浮動小数点値です。たとえば、あなたが2倍まで、ターゲットサイズに比べて、この値を「2.0」、ページを設定している場合。
ユーザースケーラブルな
ユーザーは、ズームを調整します。これは、ユーザーがページのズームレベルを変更できるかどうか、です。そうは無いそうでない場合、ユーザーが変更できるように設定されている場合。デフォルトはyesです。あなたはなしに設定している場合があるがスケーリングすることができないので、その後、最小スケールと最大スケールは、無視されます。
すべてのスケーリング値は0.01〜10の範囲内でなければなりません。
実施例1：画面の幅を設定する装置の幅であり、ユーザが手動でズーム禁止調整
<メタ名=「ビューポート」コンテンツ =「幅=デバイス幅、ユーザスケーラブル= NO」/>
画面密度を設定する高い、中：例2低周波自動スケーリング、手動でズームを調整するユーザーを禁止
<メタ名=「ビューポート」コンテンツ=「幅=デバイス幅、ターゲットdensitydpi =高DPI、初期スケール= 1.0、最小スケール= 1.0、最大規模= 1.0、ユーザースケーラブル= NO」/>
対象densitydpi
画面の画素密度は、通常インチ当たり数（DPI）の点として定義されている画面解像度によって決定されます。低い画素の濃度、画素密度、高画素密度：アンドロイドは、三画面の画素密度をサポートします。低画素未満インチスクリーン画素の濃度、より高い画素密度画面上の1インチあたりのピクセル。AndroidのブラウザとWebViewのデフォルト画面は、画素密度です。
device-dpi –使用设备原本的 dpi 作为目标 dp。 不会发生默认缩放。
high-dpi – 使用hdpi 作为目标 dpi。 中等像素密度和低像素密度设备相应缩小。
medium-dpi – 使用mdpi作为目标 dpi。 高像素密度设备相应放大， 像素密度设备相应缩小。 这是默认的target density.
low-dpi -使用mdpi作为目标 dpi。中等像素密度和高像素密度设备相应放大。
dpi-value - 指定一个具体的dpi 值作为target dpi. 这个值的范围必须在70–400之间
编者注：可惜的是目前手机浏览器已经放弃了target-densitydpi属性
---------------------
作者：杨启盛
来源：CSDN
原文：https://blog.csdn.net/yakson/article/details/52299348
版权声明：本文为博主原创文章，转载请附上博文链接！