javascript - JS 屏幕宽度

Question

如何根据浏览器屏幕大小加载文件？这是我正在使用的代码：

<script>
if(iPhone) { <- screen size instead of device
  document.write("<meta name="viewport" content=\"width=480\""+"/>");
} else {
  document.write("<meta name="viewport" content=\"width=1024\""+"/>");
}
</script>

谢谢

Answer 1

你可以试试：

<script>
    if (window.screen.width < 481) {
        document.write("<meta name="viewport" content=\"width=480\""+"/>");
    } else {
        document.write("<meta name="viewport" content=\"width=1024\""+"/>");
    }
</script>

屏幕大小的代码很简单，因为它只是window.screen.width和window.screen.height. 我不建议将网站定位到特定设备，除非您计划使用与该网站相同的设计模式来设计网站。

Answer 2

您可以使用 document.body.offsetWidth 编写自己的 Javascript。

例如 if(document.body.offsetWidth < 1024){...}

或者使用类似的库：http ://responsejs.com/