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

Question

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

1. 无论元素的尺寸如何，document.documentElement.clientWidth和-Height是否始终给出视口尺寸？

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

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

Answer 1

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

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

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

移动是一个不同的故事。