我正在使用Cordova开发一个webapp。一切都很好,除了在一个屏幕上,我有一个这个位置的div:
position: absolute;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
left: 0;
right: 0;
top: 300px;
bottom: 40px;
在我的浏览器(计算机或智能手机)中,元素已正确定位,但在构建的应用程序中,元素类似于10像素。 这是元“视口”:
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, target-densitydpi=device-dpi">
有人可以帮助我吗?我真的不知道为什么像素不受尊重。
答案 0 :(得分:1)
我找到了解决方案。切勿使用“line-height”来指定元素的“高度”。出于某种原因,在构建的应用程序(不在浏览器中)中,元素的输出高度与行高不对应。
我希望这能帮助别人......