android - 无法在手机上滚动我的网页

Question

我在标题中添加了以下几行，但是当我尝试在 android 设备上查看我的网页时，我无法向下滚动。

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;" />
<meta name="apple-mobile-web-app-capable" content="yes" />

任何想法为什么我不能向下滚动？

Answer 1

也许你有：

html, body {
    height: 100%;
}

一些 webkit 的浏览器不喜欢这个 ;) 你应该尝试删除这个规则。

Answer 2

我注意到如果一个网站包含具有 css 位置的元素：固定；屏幕不会在安卓设备中滚动。您应该使用 position: absolute 或 relative 代替。