关于 CSS 视口宽度/高度的问题

Question

我有 3 个与视口相关的问题；

1. 不管元素的尺寸如何，document.documentElement.clientWidth 和 -Height 是否总是给出视口尺寸？

2. 我们可以同时获取和设置 html 元素的宽度吗？如果是，可以同时使用 CSS 和 JS 吗？

3. “document.documentElement.clientWidth 和 -Height 仍然给出视口的尺寸，而不是元素的尺寸”这一规则是否存在 CSS 例外

Answer 1

1. 无论应用于 html 元素的样式如何，它都应始终返回视口的尺寸。

2. 你不能设置它。因为这也需要浏览器窗口调整大小。您可以使用 JS 调整窗口大小，但您不应该这样做。您可以使用 css 更改 html 元素的高度和宽度，但这不会更改 clientWidth。

3. 如果要获取 html 元素的实际宽度，请使用 document.documentElement.offsetWidth

移动设备是一个不同的故事。