2017-02-26 83 views
0

我在我網站的每個css文件中使用了,但現在它在谷歌瀏覽器中工作正常,但在UC瀏覽器(手機)中它不工作。它只是跳過彎曲並垂直顯示項目。我可以在不更改網站的完整編碼的情況下更正此問題。Flex盒子不工作

謝謝

+0

在Safari瀏覽器等瀏覽器中,您需要使用-webkit-。 '顯示:-webkit-FLEX; -webkit-flex-wrap:wrap;'...... –

+0

我想讓它爲uc工作。 –

+0

我不知道**我們**。但測試-webkit - 它會起作用。 –

回答

0

這取決於你如何構建你的CSS。 display:felix;在所有瀏覽器中都不起作用。這就是研究你的CSS和瀏覽器兼容性的重要原因。

使用此caniuse.com

使用display:-webkit-flex;

+0

我嘗試了所有這些,但仍然不支持UC。 –

0

我覺得display:flex;不UC支持。

+0

Flexbox可能不受支持,但它將以前綴格式提供,如 'display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex;' – akshaynaik404

1

請注意,UC瀏覽器不支持大多數Web標準,以及它從網頁中刪除一些css和js以加快頁面加載的事實。

儘管如此,它仍然使用WebKit作爲它的渲染引擎,所以你可以嘗試儘可能多地支持Webkit,並且你會很好。此外,自動前綴工具將解決大部分跨瀏覽器問題。

最好考慮caniuse.com來檢查目標瀏覽器支持哪些功能。