Question

如果在2016年是正确的时间和地点使用css3 vw＆amp;用于创建响应式网站的单位，根据我的经验，这是实现它的最简单方法......但我几乎没有看到使用这种技术。为什么会这样？如果你有更好的方式做响应网站请求分享...

Answer 1

VH和VW相对于视口的高度/宽度，因此它们非常适合根据视口大小缩放元素。

例如，如果您需要2列布局，则将每列的宽度指定为50vw将很有效。根据{{3}}，如果您不需要使用vmax，浏览器支持是很好的。

~~缩放是响应式设计的一个方面，另一个是改变页面布局。~~
正如下面Can I Use正确指出的那样，以下评论涉及自适应设计，而不是响应式设计。

假设您希望将2列布局折叠为智能手机上的单个列，您可能希望使用媒体查询和像素或请求或ems

例如

@media only screen and (max-width: 25em) { 
...
}

或

@media only screen and (max-width: 400px) {
...
}

当然，您可以在这些媒体查询中使用VM和VW，但这不是您可以在实际媒体查询中测试的功能。

希望这有帮助。