1

我在未格式化为移动设备的页面上有一个 div 元素。不过，我不想将此页面格式化为对移动设备友好。单击时，div 会扩展到移动设备的大小。这在 div 位于空白页面上时有效，但当 div 在充满内容的页面上时不起作用。我尝试使用多种方法来检测屏幕或窗口的高度/宽度，但它永远无法正确缩放。我认为正在发生的是：

div 正确检测设备的像素宽度和高度 - 因此对于 Droid Razr Maxx，它检测到 540x960 的纵向。因为这是一个非移动网站，所以该网站被格式化为缩小视图。我不想调整实际网页的缩放机制，因此 div 被格式化为 540x960，但相对于文档的大小 - 而不是实际的屏幕。

我需要做的是检测可见帧的像素大小，并将 div 调整为相对于屏幕而不是页面的大小。或者我需要在缩小模式下检测页面的大小 - 然后缩放到那个？

不幸的是，我目前无法提供示例代码。

有人可以帮忙吗？

谢谢！

4

1 回答 1

0

没有示例代码很难确切地知道您要完成的工作，但我将解释我的理解以及可能的解决方案。

听起来您有一个元素，当单击该元素时，它会扩展到屏幕的宽度。但是，在手机中，屏幕！= 页面。无论缩放级别如何，您都希望元素仅保持与屏幕一样宽。

如果我理解正确，那么听起来您可能需要创建一些 jQuery（或 POJS）来调整窗口大小而不是页面大小。window.innerWidth 属性在用户缩放时更新。您可以使用此值而不是 clientWidth 或任何类似值。

这是使用 window.innerWidth 获取缩放级别的示例：

在 Safari 中使用 jQuery 检测页面缩放变化

于 2012-09-11T22:07:57.740 回答