javascript - 想要一个 100% 宽度/高度的 iPhone/iPad/iOS 网页

标签 javascript iphone css ios webkit

在向下滚动到足以摆脱地址栏之后,我试图获得一个仅占设备可能宽度/高度 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/

相关文章:

iphone - NSUserDefaults 不加载字符串数组

iphone - 如何提高 iOS 应用程序的性能?

css - flexbox 中的边距折叠

css - Flexbox 似乎忽略了 CSS 特异性

javascript - 如何在用户完成输入后几秒启动ajax函数

javascript - 最小公倍数 - 无限循环

javascript - Webbrowser控件的onclick事件

iphone - 绘制矩形 :withFont:lineBreakMode:alignment:' is deprecated: warning

html - 使用图像 Sprite 和 CSS 的文本

javascript - 同步倒数计时器和进度条