android - 页面在 pre kitkat 设备 [WebView] 上呈现不正确

Question

我创建了此页面以在移动网络上呈现:

http://www.madhur.co.in/jobform/

来源在这里: https://github.com/madhur/jobform

它适用于精细设备，但底部两个 slider 不呈现全宽的预 kitkat 设备除外。我正在为 slider 使用这个简单的 Angular 组件

https://github.com/rzajac/angularjs-slider

知道这样一个简单的页面有什么问题吗？

Answer 1

我刚刚浏览了您的代码，意识到我过去也遇到过类似的问题。那么罪魁祸首就是-flex-box。

ionic.css 使用 flex。 Android 4.3 版本已经部分支持 flexbox。从 Android 4.4 开始完全支持它。 See this.

看看这个discussion以及。

此处的解决方案可能是覆盖 CSS 属性。例如:将 display: flex/inline-flex 替换为 display: block 或 display: inline

更通用的解决方案可能是使用 crosswalk元素中的网页 View 。这使您的 Cordova/Ionic 应用程序使用 Crosswalk WebView 而不是 System WebView。此 webview 插件将有助于消除特定于设备或特定于 webview 的问题，因为应用程序将在所有设备上使用相同的 webview。

您可以按如下方式添加 iiionic 插件:

ionic plugin add cordova-plugin-crosswalk-webview 

希望这会有所帮助。