【问题标题】:ipad - position:fixed bug on zoom inipad - 位置:修复了放大时的错误
【发布时间】:2014-02-11 14:31:25
【问题描述】:

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

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

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

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

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

jquery 代码:

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

【问题讨论】:

  • 尝试使用:position:device-fixed;

标签: jquery html ios css ipad


【解决方案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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-03-27
    • 1970-01-01
    • 2019-05-23
    • 2012-07-21
    • 1970-01-01
    • 2012-09-25
    • 1970-01-01
    • 2013-09-20
    相关资源
    最近更新 更多