移动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/