我有一个有趣的问题。
在我工作的公司，我们正在使用 Photoshop 模板设计为客户构建一个网站，该网站需要响应。
网站设计在桌面和移动设备之间不能很好地融合，元素延误了我们决定设计全宽网站和手机网站。
话虽如此，这就是需要发生的事情。
在 600px 之前，一切都像一个无聊的无响应网站一样在所有设备上运行。在 600 像素及以下时，网站会变得响应式。
我的问题是视口(viewport)。如果我指定一个视口(viewport)，它在 iPad 上看起来会很糟糕，因为它会缩小到设备比例。
我最初的想法是使用 jQuery 检测窗口大小，在 600px 及以下，它会插入 meta 标记。
但这不起作用，因为没有视口(viewport)标签(它会在任何大于 600 像素的设备上搞砸该网站)它无法检测实际屏幕尺寸。
有没有人遇到过这个问题？
最佳答案
诀窍是 window.screen.availWidth; 它在不使用视口(viewport)的情况下获得了设备的宽度。
关于jquery - 使用特定宽度的视口(viewport)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23668583/