ios9 mobile safari横向css错误,位置:绝对底部:0

ios9 mobile safari横向css错误,位置:绝对底部:0,ios,css,html,mobile-safari,landscape,Ios,Css,Html,Mobile Safari,Landscape,我似乎找不到解决这个问题的办法 在mobile safari的ios9上,如果Web应用程序使用位置:绝对和底部:0作为内容区域覆盖整个屏幕,则在横向模式下safari导航栏将覆盖内容的底部,您无法滚动过去-它不会在纵向上阻塞 纵向模式很好,即使导航栏在那里 这不是一个方向改变错误,发生在页面在横向启动时 如果网页被添加到主屏幕上,在横向环境下工作完美,并且内容可见(因为导航不在那里),则不会发生错误 那么,为什么safari的bottom:0在纵向上正确,但在横向上不正确?在html元素上设置

我似乎找不到解决这个问题的办法

在mobile safari的ios9上,如果Web应用程序使用
位置:绝对
底部:0
作为内容区域覆盖整个屏幕,则在
横向模式下
safari导航栏将覆盖内容的底部,您无法滚动过去-它不会在纵向上阻塞

  • 纵向模式很好,即使导航栏在那里
  • 这不是一个方向改变错误,发生在页面在横向启动时
  • 如果网页被添加到主屏幕上,在横向环境下工作完美,并且内容可见(因为导航不在那里),则不会发生错误

  • 那么,为什么safari的
    bottom:0
    在纵向上正确,但在横向上不正确?

    html
    元素上设置
    position:fixed
    ,神奇地解决了这个问题

    html{位置:固定;宽度:100%;高度:100%;溢出:隐藏;}

    不知道为什么,但一定是一个渲染错误,
    修复了它


    由于某种原因,
    修复了
    也更改了横向中的字体大小,但我也可以解决这个问题

    我也有同样的问题,在方向更改时,如果它处于
    横向
    模式,请将
    视口
    元更改为:

    width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no
    

    我只是通过简单地查找
    $('meta[name=“viewport”]”)
    并替换它的
    内容

    真不敢相信没有人会遇到这趟古老的狩猎之旅!这对我和我们的处境都有效。即使它可能不适用于其他人。伟大的解决方案!我被困了好几个小时。