这是我的问题。在iPhone上,如何将容器/视口设置得足够高以隐藏URLbar,但仍不高于可用文档区域。
如果我只是将容器(也有溢出:隐藏)设置为高度:100%,则结果是:
http://img193.imageshack.us/img193/9041/img0027g.png
即。容器仅成为可见文档区域的高度。但是,隐藏URLbar要求文档至少与可用文档区域一样高(URLbar向上滚动)。
这就是我所追求的:
http://img844.imageshack.us/img844/2613/img0029nv.png
我知道我可以使用JavaScript(innerWindow height)来做到这一点,但是我更喜欢纯CSS解决方案。
最佳答案
强制最小高度,以便页面可以滚动
body[orient="portrait"] { min-height:540px; }
body[orient="landscape"] { min-height:400px; }
或者,如果它是主屏幕上的网络应用程序,则更为简单。
<meta name="apple-mobile-web-app-capable" content="yes" />
关于iphone - 如何使用CSS在iPhone上最大化Webapp高度? (正确隐藏网址栏),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/7160209/