我们一直在开发一个使用HTML/CSS/JS的移动的应用程序。因为它主要是在chrome的设备工具栏中开发的，所以当它不在移动浏览器中使用时看起来不太好。不幸的是，当我使用Cordova将项目构建到Android APK时，它看起来不像在移动浏览器中（火狐，三星互联网等）第一个图像是在火狐，第二个在 cordova 应用程序. x1c 0d1x
有没有办法让Cordova像移动的浏览器一样工作？如果不能让Cordova像移动浏览器一样工作，你能用css或javascript来模拟吗？我听说过并尝试过zoom css标签，在我的例子中，它在一些页面上有帮助，尽管其他一些页面在移动浏览器上工作得很好，但使用zoom时看起来一点也不好。
1条答案
按热度按时间ws51t4hk1#
这个答案假设您已经尝试了评论中建议的
<meta name="viewport" content="width=device-width, initial-scale=1">meta标记。Cordova使用系统的webview。它没有自己的webview实现。因此Cordova已经在使用“移动的浏览器”引擎。但是正在使用的移动引擎的版本可能与可安装的浏览器版本不同。
只要你使用的是Android 4.4+，系统的webview是基于chrome的webview和Android 5.0，webview是可升级的使用通过Google Play更新.值得一提的是，最新的 cordova 版本只支持Android 5.1+.
当你设置一个新的模拟器时，默认情况下它会安装出厂版本，有时可能是一个非常旧的webview版本。如果你安装了一个支持Google Play的模拟器（模拟器图像标记为Google Play图像），您可以登录Google Play并更新设备，其中将包含系统webview更新。较旧的设备可能仍具有webview版本限制。例如，如果我没记错的话，我相信android 5只能达到System webview Chrome 70。
使用支持Google Play的模拟器并通过Google Play更新模拟器设备可能解决您的问题，但这也表明您的HTML/CSS文档不能向后兼容旧版本的webview。也许您的文档使用了仅存在于较新webview版本中的CSS功能。