Phonegap 的 em 单元无法正常工作答案

【问题标题】：Phonegap's em unit not working correctlyPhonegap 的 em 单元无法正常工作
【发布时间】：2015-01-04 17:51:01
【问题描述】：

我正在开发一个带有 phonegap 的移动应用程序。我认为我遇到了一些视口问题；

我已经使用移动模拟器在 Google Chrome 中测试了网络应用程序，一切都很好。与我在 HTC One M8 (Android 4.4.4) 上的移动 chrome 浏览器中的相同，如您在此屏幕截图中看到的那样。

我的视口元标记是：

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1" />

但如果我使用 phonegap (phonegap serve) 运行应用程序并且它是来自 Play 商店的 Debug 应用程序，则字体大小的缩放不正确，如您在此处看到的：

【问题讨论】：

标签： android css cordova em

【解决方案1】：

AppGyver 的 Steroids tooling 带有适用于 Android 的 Crosswalk。 Crosswalk 允许您使用 Chromium 的最新分支而不是平台 WebView——这解决了许多渲染问题。该工具还为您提供了对 Chrome Inspector 的增强访问权限，以调试 Webview 中发生的事情。

您可以直接use Steroids in your Cordova project，无需修改任何文件，请查看。

（免责声明：我是 AppGyver 的程序员。）

【讨论】：