将视口用于特定宽度

Question

我有一个有趣的问题。

在我正在与之合作的公司，我们正在通过photoshop模板设计为客户建立一个网站，并且网站需要做出响应。

网站设计在桌面和移动设备之间没有很好的应用，项目迟到我们决定设计全宽网站和移动电话网站。

话虽如此，这是需要发生的事情。

在600px之前，所有设备的功能都像一个无聊的无响应网站。在600px及以下，该网站变得响应。

我的问题是视口。如果我指定一个视口，它在iPad上看起来会很糟糕，因为它会缩小到设备规模。

我最初的想法是使用jQuery来检测窗口大小，在600px及以下时，它会插入元标记。

但是如果没有视口标记（在大于600像素的任何设备上将该网站搞砸），这不起作用，它无法检测到实际的屏幕尺寸。

之前有没有人遇到过这个问题？

Answer 1

技巧是window.screen.availWidth;这使得设备的宽度不使用视口。