这是Modernizr使用的代码：

testStyles('#modernizr { width: 50vw; }', function(elem) {
    var width = parseInt(window.innerWidth / 2, 10);
    var compStyle = parseInt((window.getComputedStyle ?
                              getComputedStyle(elem, null) :
                              elem.currentStyle).width, 10);

    Modernizr.addTest('cssvwunit', compStyle == width);
  });

所以你可以做类似的事情。只要按照以下步骤：
1.在vw中设置width的元素。
1.检查元素的计算width是否与视口的宽度匹配。
1.如果两者相同，那么您的浏览器支持vw和vh!

• 片段即将播出 *

x一个一个一个一个x一个一个二个一个x一个一个三个一个
我用IE 7检查了一下，它搞砸了! ;)

在现代浏览器中，您可以在CSS中使用@supports来检查对各种事物的支持，包括视口单位。
在@supports中 Package 您想要的任何样式，就像@media查询一样：

@supports(height: 100vh) {
 .myClass { height: 100vh; }
}

此示例测试浏览器是否支持vh或dvh之类的单位，或者madeup的不存在类型（即浏览器不知道的类型）：
x一个一个一个一个x一个一个二个x
在JavaScript中，您可以按照与CSS.supports()相同的方式使用它：

const supportsDvh = CSS.supports('height: 100dvh');