关于CSS视口宽度/高度的问题
我有 3 个与视口相关的问题；
无论元素的尺寸如何，document.documentElement.clientWidth 和 -Height 是否始终给出视口尺寸？
我们可以获取和设置 html 元素的宽度吗？如果是，可以使用 CSS 和 JS 来完成吗？
对于“document.documentElement.clientWidth 和 -Height 仍然给出视口的尺寸，而不是元素的尺寸”这一规则是否存在 CSS 例外
I have 3 questions related to viewport;
Do document.documentElement.clientWidth and -Height always gives the viewport dimensions, regardless of the dimensions of the element ?
Can we both get and set width for the html element ? If yes, can this be done both using CSS and JS ?
Is there a CSS exception to the rule that "document.documentElement.clientWidth and -Height still gives the dimensions of the viewport, and not of the element "
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
无论应用于 html 元素的样式如何，它都应始终返回视口的尺寸。
你无法设置它。因为这也需要调整浏览器窗口的大小。您可以使用 JS 调整窗口大小，但您不应该这样做。您可以使用 css 更改 html 元素的高度和宽度，但这不会更改 clientWidth。
如果你想获取 html 元素的实际宽度，请使用 document.documentElement.offsetWidth
移动设备有点不同故事。
it should always return the dimension of the viewport regardless of styles applied to the html element.
you can't set it. As this would require the browser-window to resize too. You can resize the window using JS but you shouldn't do that. You can change the height and width of the html element with css, but that doesn't change the clientWidth.
if you want to get the actual width of the html element use document.documentElement.offsetWidth
mobile is a bit of a different story.