实际上，三周以来我一直在尝试解决一个问题。我正在尝试测试对大众单位的支持，并在浏览器不支持该单位时提供单独的样式表
我阅读了modernizr教程并且熟悉modernizr css检测，但是我在网上没有找到vh单位（视口相对单位）的测试。
所以基本上：
场景 1：浏览器支持 vw 单元，然后提供样式表 A。
场景 2：浏览器不支持它，然后提供样式表 B。
我确实发现有一个名为 Modernizr.cssvwunit 的非核心检测，但老实说我不知道从哪里开始或如何在这种情况下使用。
如果您能帮助我扩展我的知识，那就太好了。另外，如果不是太费力，一个带有我可以研究的例子的jsfiddle将会非常有帮助。
真挚地，
Markus
编辑：为什么它只触发 else 语句？http://jsfiddle.net/5saCL/10 http://jsfiddle.net/5saCL/10
<script>
if (Modernizr.cssvwunit) {
alert("This browser supports VW Units!");
} else {
alert("This browser does not support VW Units!");
}
</script>
如果你看这个教程http://www.developphp.com/view.php?tid=1253 http://www.developphp.com/view.php?tid=1253您将了解如何使用 JavasCript 更改 CSS 样式。
您只需编辑一点脚本即可满足您的要求：
<!DOCTYPE html>
<html>
<head>
<link id="pagestyle" rel="stylesheet" type="text/css" href="default.css">
<script type="text/javascript">
if (Modernizr.cssvwunit) {
document.getElementById('pagestyle').setAttribute('href', "styleVW.css");
} else {
document.getElementById('pagestyle').setAttribute('href', "style.css");
}
</script>
</head>
<body>
<h2>Javascript Change StyleSheet Without Page Reload</h2>
<!-- no buttons needed -->
</body>
</html>
这应该有效。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
