我有一个网络应用程序,我试图在 iPad 3 上运行。当我拉起它时,该应用程序允许垂直滚动,但实际上不应该。我已经对其他网络应用程序执行了相同的过程,没有任何问题,并且不确定这次我错过了什么。
在我的 html 的 head 元素内,我有以下元标记:
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, minimum-scale=1, maximum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi">
<meta name="apple-mobile-web-app-capable" content="yes">
在我的 CSS 中:
html, body { width: 100%; height: 100%; overflow: hidden; }
尝试在 weinre 中调试此问题,发现当高度显示小得多(横向)时,文档宽度和高度在某种程度上相等。
$(document).width(); // returns 1024
$(document).height(); // returns 1024
搜索周围所以,其他答案是提供一个视口元标记,我已经在这样做了。有人可以在这里指出解决方案吗?