Viewport Width/Height 的官方文档在 CSS 中是不好的做法？

Question

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

但是，我看到并且我亲自在一些使用起来非常不寻常的地方使用了它。

我从其他人那里听说 "official documentation" 说 VW 和 VH 在任何方面都是不好的做法，我想知道这是否属实。

一些不寻常或不良做法的示例（底部）：

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

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

Answer 1

vw 和 vh 是标准单位，应该像任何其他单位一样工作。即使是异常使用，只要正确使用，就可以像其他单位一样使用。 vw 和 vh 确实有一些问题和跨浏览器问题，就像 CSS 的其他部分一样，可以检查它们 here。但是，视口单位是标准化的，使用它们与使用任何其他单位一样安全。

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

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

Answer 2

我认为这不是一个坏习惯。如果方便的话，您可以使用任何您想要的单位。重要的是浏览器支持： https://caniuse.com/#feat=viewport-units

Official Docs of Viewport Width/Height being bad practice in CSS?