0

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

但是在 Mobile Safari(iPhone 和 iPad)上——可能还有 Android 设备上——由于这些浏览器的缩放功能而存在问题。

这是一个“普通”灯箱,它插入一个叠加元素并在该叠加层之上显示一些图像。

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

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

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

所以问题必须是:当页面缩小时,如何获得窗口或正文元素的实际未缩放宽度?

提前谢谢你:-)马丁

4

1 回答 1

0

您是否尝试设置视口? https://developer.mozilla.org/en/mobile/viewport_meta_tag

只是禁止缩放它应该工作的页面:P

于 2011-07-29T12:12:05.633 回答