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。

e.g。 if（document.body.offsetWidth＆lt; 1024）{...}

或使用像http://responsejs.com/

这样的库

JS用于屏幕宽度

2 个答案: