javascript - 这个 'viewport' 的大小到底是多少？

Question

文章中的PPK A tale of two viewports — part one表示视口(viewport)是窗口的大小(由 CSS 像素测量)。而viewport的宽度是document.documentElement.clientWidth或window.innerWidth的值。但是当缩放到100%时，这两者的结果是相等的。但是，当放大时，window.innerWidth 的值减小，而 document.documentElement.clientWidth 的值保持不变。那么问题来了:

1. 如何获取视口(viewport)的大小？
   
2. 文章还提到元素“html”的宽度与视口(viewport)一样宽。我想知道放大或缩小时是否如此？
   

如果有人能回答我的问题，我将不胜感激。

Answer 1

1. 在 CSS 中，只需使用单位 vw 表示宽度，使用 vh 表示高度，就像通常使用 px
一样
2. 经过一些测试，我发现当您放大 html 的宽度时，它会缩小。 CSS 的视口(viewport)单元也描述了 innerHTML