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。我不建议将网站定位到特定设备，除非您打算使用与该网站相同的设计模式来设计该网站。