javascript - 移动 javascript div 隐藏

Question

如果您在移动设备上，我正在尝试使用此脚本隐藏 div，但它对我不起作用。我的javascript有问题吗？

<script type="text/javascript">
<!--
if (screen.width <= 640) {
document.getElementById('div2').style.display="block";
document.getElementById('div1').style.display="none";
}
//-->
</script>

Answer 1

<!--您应该在代码的开头添加注释。

但是做你想做的最好的方法是媒体查询：

<link rel="stylesheet" media="only screen and (max-device-width: 640px)" href="small-device.css" />

这样，您可以small-device.css为您的网站的移动版本设置具有特定样式的文件。

看看这个教程：http: //mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website /