CSS 中视口宽度/高度的官方文档是不好的做法？

Question

有时，在 CSS 中使用vw和vh测量值来制作响应式网页似乎非常有用

然而，我发现并且我亲自在一些不常使用的地方使用过它。

我从其他人那里听说有“官方文件”指出 VW 和 VH 在任何方面都可能是不好的做法，我想知道这是否属实。

一些例子说明它可能是不寻常或不好的做法（底部的一个）：

/* Background */
.backgroundDiv {
 width: 100vw;
 height: 100vh;
}

/* a Top Bar */
.divHeader {
 width: 100vw;
 height: 10vh;
}

Answer 1

vw和vh是标准单位，应该像任何其他单位一样工作。即使它们的使用不寻常，只要它们被有效地使用，就可以像所有其他单位一样使用它们。vw并且vh确实存在一些问题和跨浏览器问题，例如 CSS 的其他部分，可以在此处检查。但是，视口单位是标准化的，使用它们与使用任何其他单位一样安全。

在上面的代码中，我建议不要设置使用视口高度height的；.divHeader最好设置其子元素的大小，并让它们动态设置 的高度.divHeader。vw在制作响应式网站时很有vh用，但在某些情况下，使用百分比或仅依靠边距和填充来动态构建元素会更好。

仅仅因为vw和vh可以使用并不意味着使用它们总是一个好主意。它们实际上可以限制您网站的响应能力，最好让子元素构建父元素，而不是尽可能确保完全响应能力。