首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >ios9移动狩猎景观css bug的位置:绝对底部:0

ios9移动狩猎景观css bug的位置:绝对底部:0
EN

Stack Overflow用户
提问于 2015-10-09 13:27:27
回答 2查看 7K关注 0票数 15

我似乎找不到解决办法。

在移动safari中的ios9上,如果一个when应用程序使用position:absolutebottom:0作为内容区域来覆盖整个屏幕,那么在landscape mode中,safari导航栏将覆盖内容的底部,而您不能滚动它--它不会像肖像一样阻塞。

  1. 纵向模式很好,即使在导航栏中也是如此。
  2. 这不是一个方向更改错误,如果页面是在风景中启动的,就会发生
  3. 如果将网页添加到主屏幕,在景观和内容上都是完美的,并且内容是可见的(因为导航不在那里),错误就不会发生。

那么,为什么狩猎旅行在肖像上得到的bottom:0是正确的,而不是风景呢?

EN

回答 2

Stack Overflow用户

发布于 2015-10-09 14:13:19

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

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

不确定为什么,但必须是fixed工作的呈现错误。

由于某些原因,fixed也改变了字体大小,但是我也可以解决这个问题。

票数 9
EN

Stack Overflow用户

发布于 2015-12-16 16:00:32

我也有同样的问题,如果在landscape模式下改变方向,请将您的viewport元更改为:

代码语言:javascript
运行
复制
width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no

我只是通过找到$('meta[name="viewport"]')并替换它的content来做到这一点。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33039537

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档