Javascript 从缩小的Mobile Safari浏览器获取文档宽度或窗口宽度

Javascript 从缩小的Mobile Safari浏览器获取文档宽度或窗口宽度,javascript,jquery,css,mobile-safari,mobile-webkit,Javascript,Jquery,Css,Mobile Safari,Mobile Webkit,我正在我们的网站上做一个基于jquery的lightbox,在主要的桌面操作系统浏览器上一切都很好 但在移动Safari(包括iPhone和iPad)上,可能也在Android设备上,由于这些浏览器的缩放功能,出现了一个问题 它是一个“普通”灯箱,插入覆盖元素,并在覆盖顶部显示一些图像 以下是我想做的: 我想覆盖整个窗口,所以我得到$(window.width()和$(window.height())并将覆盖设置为这些值 这在普通桌面浏览器上没有问题,因为它们不可缩放,但在缩放设备上,这会导致覆

我正在我们的网站上做一个基于jquery的lightbox,在主要的桌面操作系统浏览器上一切都很好

但在移动Safari(包括iPhone和iPad)上,可能也在Android设备上,由于这些浏览器的缩放功能,出现了一个问题

它是一个“普通”灯箱,插入覆盖元素,并在覆盖顶部显示一些图像

以下是我想做的: 我想覆盖整个窗口,所以我得到
$(window.width()
$(window.height()
)并将覆盖设置为这些值

这在普通桌面浏览器上没有问题,因为它们不可缩放,但在缩放设备上,这会导致覆盖太窄和太短,因为这些值为768x946,并且桌面上页面的实际宽度超过1400

是的,我可以关闭缩放,但该网站看起来很小,所以我想避免这种情况

因此,问题必须是: 当页面缩小时,如何获得窗口或主体元素的实际未缩放宽度

提前感谢:-)
Martin

您是否尝试设置视口?


只是禁止缩放它应该可以工作的页面:p

也许你可以给我们提供一个testlink,这样我就可以在我的android设备上查看它;)