css 像素如何在放大时拉长?

How can css pixels stretch out when zooming in?

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

文章题目正确;当您放大时,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

希望这有助于澄清一点:)