页面呈现不正确预先奇巧设备[的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: block或display: inline

更通用的解决方案取代display: flex/inline-flex可以使用crosswalk的WebView项目。这使得您的Cordova/Ionic应用程序使用Crosswalk WebView而不是System WebView。 此webview插件将有助于消除特定于设备或webview的特定问题，因为应用会跨所有设备使用相同的网络视图。

您可以添加iionic插件如下：

ionic plugin add cordova-plugin-crosswalk-webview 

希望这会有所帮助。