我在我们的网站上做一个基于 jquery 的灯箱,在主要的桌面操作系统浏览器上一切都很好。
但是在 Mobile Safari(iPhone 和 iPad)上——可能还有 Android 设备上——由于这些浏览器的缩放功能而存在问题。
这是一个“普通”灯箱,它插入一个叠加元素并在该叠加层之上显示一些图像。
这就是我想要做的:我想覆盖整个窗口,所以我得到$(window).width()
并将$(window).height()
覆盖设置为这些值。
这在普通桌面浏览器上很好,因为它们不能缩放,但在缩放设备上,它会导致覆盖太窄太短,因为这些值是 768x946 并且桌面上页面的实际宽度超过 1400 .
是的,我可以关闭缩放,但该网站看起来很好按比例缩小,所以我想避免这种情况。
所以问题必须是:当页面缩小时,如何获得窗口或正文元素的实际未缩放宽度?
提前谢谢你:-)马丁