pre kitkat设备上的页面呈现不正确[WebView]

Question

我已创建此页面以在移动webivew上呈现：

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

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

它适用于精细设备，但pre kitkat设备除外，其中底部两个滑块不能呈现全宽。我正在使用这个简单的角度组件作为滑块

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 webview。这使您的Cordova / Ionic应用程序使用Crosswalk WebView而不是System WebView。 此webview插件有助于消除特定于设备或webview的问题，因为应用会在所有设备上使用相同的webview。

您可以按如下方式添加iionic插件：

ionic plugin add cordova-plugin-crosswalk-webview 

希望这会有所帮助。