ios9移动safari景观css bug与位置:绝对底部:0

ck_*_*ck_ 13 css html5 landscape mobile-safari ios

我似乎无法找到解决方法.

在移动safari中的ios9上,如果webapp使用position:absolute并且bottom:0内容区域覆盖整个屏幕,则在landscape modesafari导航栏中将覆盖内容的底部并且您无法滚动它 - 它不会以纵向阻止.

  1. 肖像模式很好,即使有导航栏
  2. 它不是一个方向更改错误,如果页面是在横向启动的话会发生
  3. 如果将网页添加到主屏幕,则不会发生错误,在横向上工作完美且内容可见(因为导航不存在)

那么为什么徒步旅行bottom:0在画像中得到正确而不是风景呢?

ck_*_*ck_ 7

设定position:fixed所述上html元件奇迹般地固定这

html { position:fixed; width:100%; height:100%; overflow:hidden; }

不知道为什么但必须是一个fixed可以解决的渲染错误

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

  • 好方案!被困这几个小时了. (2认同)