ipad - 位置：修复了放大时的错误

Posted 2023-03-12

【中文标题】ipad - 位置：修复了放大时的错误

【英文标题】：ipad - position:fixed bug on zoom in

【发布时间】：2014-02-11 14:31:25

【问题描述】：

我有一个div，它有一个位置固定的属性并且工作正常。

我的问题是当我在 iPad 上放大时，它们没有显示完整的 div；剪掉了。

我一直在尝试很多类似下面的代码。

但我不知道为什么在 ipad 上它不工作，而在我的桌面上却可以。

有人可以帮我解决这个问题吗？

jquery 代码：

$(window).scroll(function()
  $('#mydiv').css('left',-$(window).scrollLeft());
);

【问题讨论】：

尝试使用：position:device-fixed;

【参考方案1】：

可能需要包含元标记以在进行计算之前初始设置宽度：

<meta name="viewport" content="width=device-width">

我还建议设置页面的比例

<meta name="viewport" content="initial-scale=1.0">

您可以在此处了解更多信息：

https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html#//apple_ref/doc/uid/TP40006509-SW26