我在我们的网站上做了一个基于jquery的灯箱，而且在主要的桌面操作系统浏览器上都很好。
但是在Mobile Safari（iPhone和iPad）上 - 以及可能在Android设备上 - 由于这些浏览器的缩放功能而存在问题。
这是一个“普通”灯箱，可以插入叠加元素并在叠加层顶部显示一些图像。
这是我正在尝试做的事情：
我想要覆盖整个窗口，因此我得到$(window).width()和$(window).height()并将叠加设置为这些值。
在普通的桌面浏览器上这很好，因为它们不能缩放，但在缩放设备上，它会导致叠加太窄和太短，因为这些值是768x946并且桌面的实际页面宽度是超过1400。
是的，我可以关闭缩放，但网站看起来很小，所以我想避免这种情况。
所以问题必须是： 当页面缩小时，如何获得窗口或body-element的实际未缩放宽度？
提前谢谢:-) 马丁
答案 0 :(得分：0)
您是否尝试过设置视口？ https://developer.mozilla.org/en/mobile/viewport_meta_tag
禁止缩放它应该工作的页面：P