Android kitkat webview css 定位

Question

我有一个使用 webview 的 android 应用程序。我的应用程序中有 3 个元素，我使用 css 将它们定位在屏幕顶部。我使用百分比表示它们的宽度、高度和位置。 html 文件在桌面和移动 chrome 浏览器中工作得很好。但是当我在 webview 中尝试时，位置不正确并且 css 似乎有问题。当我在 android 4.2 上尝试该应用程序时不会出现此问题，但在 android 4.4 上会发生。
我知道 android 4.4 的 Webview 有一些变化，但迁移文档没有帮助。
这是显示我的 html 和 css 的 cssdesk 链接:
http://www.cssdesk.com/Z98q3
如果你能帮助我，我将不胜感激。
非常感谢

Answer 1

我不知道你是否已经尝试过这个，但试着把它放在你的脑海里:

<meta name="viewport" content="width=device-width; user-scalable=no; initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0; target-densityDpi=device-dpi;">

您可能需要稍微重新设置按钮的样式，因为这有时会破坏 android 对按钮的渲染，但只需设置背景颜色就可以解决这个问题。