Cordova：Android 中的绝对位置问题

Question

我正在使用 Cordova 开发一个网络应用程序。目前一切都很好，除了在一个屏幕上，我有一个 div 这个位置：

position: absolute;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
left: 0;
right: 0;
top: 300px;
bottom: 40px;

在我的浏览器（计算机或智能手机）中，该元素的位置正确，但在构建的应用程序中，该元素大约在下方 10 像素处。这是元 "viewport":

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, target-densitydpi=device-dpi">

有人可以帮助我吗？真不知道为什么不尊重像素

Answer 1

我找到了解决方案。切勿使用 "line-height" 指定元素的 "height"。由于某些原因，在构建的应用程序中（不是在浏览器中），元素的输出高度与行高不对应。

我希望这会对某人有所帮助...

Cordova：Android 中的绝对位置问题

Cordova: Issue with absolute position in Android

android

css-position

cordova