在向下滚动到足以摆脱地址栏之后,我试图获得一个仅占设备可能宽度/高度 100% 的网站。希望这是有道理的?
我只需要简单的尺寸,这样我就可以将设备滚动到 0,0 并尽可能多地查看我的页面。例如简单 320x400(320 宽度,400 可能 = 高度 - 标题栏 - 页脚)
这样做的原因是我将单个 DIV 放在一个页面上,该页面是一个“视口(viewport)”到四处移动的内容,想想谷歌地图。我只想让这个 div 填满所有可用空间。
问题是我似乎无法检测到可用的窗口高度。我似乎总是得到屏幕大小 - 标题栏 - 地址栏 - 可选的调试栏 - 页脚。如何检测“最大可能尺寸”?
最佳答案
将 html,body
设置为 height:100%;
并将 div
设置为 position:absolute;top:0;bottom :0;left:0;right:0;
然后你不需要视口(viewport)的确切宽度/高度,div
已经使用了最大可能的空间。
但如果您仍想检测,jQuery 得到的 $(element_you_want).width()
和 .height()
也可能会起作用。尝试使用文档或仅使用正文(高度为 100%)
关于javascript - 想要一个 100% 宽度/高度的 iPhone/iPad/iOS 网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8003990/