頁面呈現不正確預先奇巧設備[的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 

希望這會有所幫助。