初期スケール= 1.0とは何ですか？

Question

initial-scale=1.0とinitial-scale=2.0の意味を明確にすることはできませんでした。

どういう意味ですか？

私はinitial-scaleがズームと関係があることを知っています。私はちょうどそれが1から10までの平均値を知りません。

出典：https://www.w3.org/TR/css-device-adapt-1/#translate-meta-to-at-viewport

Answer 1

通常のモバイル応答部位は次のように頭の中でHTMLのmetaタグが含まれます

<meta name="viewport" content="width=device-width, initial-scale=1"> 

タグ内のwidthプロパティは、ビューポートのサイズを制御します。 width = 400のような正確なピクセル数または100％のスケールでCSSピクセルの画面の幅である特別値device-widthの値に設定できます。 device-widthは、さまざまな画面サイズに対応するレスポンシブウェブサイトで最も一般的に使用される幅です。

ページが最初に読み込まれるとき、initial-scaleプロパティは初期ズームレベル、つまり1ビューポートピクセル= 1 CSSピクセルを制御します。 User-scalable,maximum-scaleおよびminimum-scaleプロパティは、ユーザーがページをズームインまたはズームアウトする方法を制御します。

htmlページの例を設定し、ビューポートタグを含めて、initial-scale属性を変更してその違いを確認することができます。また、異なるビューポートのサイズと向きでページを表示してみてください。

初期スケール：ページを表示したときの最初のズーム。 1.0はズームしません。上記に加えて

は、あなたが最初のズーム倍率を指定することもできます。

は答えるためにどのような初期の規模= 2.0がここで意味する2.0を使用した例であります表示領域ページのビューポートをデバイスの幅と等しく設定し、デフォルトで2倍に拡大する場合は、このプロパティが便利です。そのコードは次のようになります。

上記の画像は、最初のスケール設定が提供する可能性の特に実用的なデモではありませんが、基本的な点は明らかです。コンテンツは2倍のファクタで吹き飛ばされます最初の負荷。

https://dev.opera.com/articles/an-introduction-to-meta-viewport-and-viewport/#initial-scale

チェックアウトするために、いくつかの良い参照： https://css-tricks.com/snippets/html/responsive-meta-tag/ https://css-tricks.com/probably-use-initial-scale1/

Answer 2

を私は昔の本を見て、値が何を意味するかのような答えを見つけました。私はW3Cのようなより公式なリソースを使って検証することができませんでした。

initial-scaleの値の可能な範囲は、10％〜1000％または0.1〜10.0の間です。

0.1 = 10％ズーム

0.2 = 20％ズーム

...

1.0 = 100％

2.0 = 200％

...

10.0 = 1000％

私はまだ実際のデバイスでこれをテストしていません。