放大时，css像素如何伸展？

Question

根据这篇文章https://www.quirksmode.org/mobile/viewports.html，CSS像素开始增长，现在一个CSS像素与几个设备像素重叠。据我说，如果CSS像素增长，那么我将能够看到更多的页面内容。但是当缩放时，我能够做相反的事情：看到更少的内容。有人可以澄清一下吗？

Answer 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

希望这有助于澄清一点：）