2017-12-06 15 views
0

この記事の意味はこちらhttps://www.quirksmode.org/mobile/viewports.html CSSのピクセルが拡大し始め、1つのCSSピクセルが複数のデバイスピクセルに重なって表示されるようになりました。私によると、CSSのピクセルが大きくなると、ページの内容がそれほど多くないことがわかります。しかし、ズームするとき、私は反対のことをすることができます:少ないコンテンツを見る。誰かがこれを明確にすることはできますか?ズームすると、どのようにピクセルが伸びますか?

答えて

1

商品は質問が正しいです。拡大すると、CSSピクセルのサイズが大きくなります。 しかし、サイズがため、CSSピクセルの増加ビューポートが同じサイズのまま、少ないCSSピクセルは、(あなたが少ないCSSピクセルを参照意味)を表示することができます。

は数学でこれを考えてみましょう:

   CSS pixels * viewport size = visible pixels 

ZOOMED OUT:   1280 * 1024   = 1,310,720 
DEFAULT:   1024 * 1024   = 1,048,576 
ZOOMED IN:   768 * 1024   = 768,432 

うまくいけば、これは私があなたの説明から理解だと思い、この小さな:)

+0

を明確にするのに役立ちます。ただし、以下の計算では、最後のものをズームアウトするのではなく、ズームインしてください。 768pxはピクセルが大きく、したがって数値が小さいことを意味するため、結果の数値768,432はデフォルトより小さくなります。または私はもう一度間違っている?ありがとう。 – LearningMath

+1

申し訳ありませんが、私は最高のことを説明していませんでしたが、数学は振り返って私の要点を説明するのに役立たなかったでしょう。これらの2つの数値*を交換する必要があります。私はこれをカバーするために私の答えを更新しました。皮肉なことに、私は最初、それを最初からやり直していましたが、それを私の混乱の中で交換しました。ズームすると、ピクセルは**大きくなります**ので、**同じ**の領域に広がったピクセルは**少なくなります。うまくいけばそれは少し明確になります;) –

+0

もう一つ質問があります。ここのビューポートサイズはCSSピクセルで表示されますか? – LearningMath

関連する問題