引導4 + Autoprefixer =無效的舊的iPad

.row { 
 
    display: -webkit-box; 
 
    display: -ms-flexbox; 
 
    display: flex; 
 
    -ms-flex-wrap: wrap; 
 
    flex-wrap: wrap; 
 
    margin-right: -15px; 
 
    margin-left: -15px; 
 
}

所以...一個奇怪的問題位。我們最近在我的公司採用了Bootstrap 4和Flex模型，當Bootstrap和Autoprefixer協同工作時，我們注意到了一些奇怪的現象。

具體來說，iPad 8或以下的版本只是沒有任何。我知道錯誤的具體屬性，它是display: -webkit-box;。我可以將/* autoprefixer: off */添加到有故障的選擇器（.row）中，以防止該類上的所有自動修復，但我真的不想更改引導程序的核心文件，並且我認爲將剩下的其他瀏覽器支持的前綴。

我想不出優雅地重寫/刪除display: -webkit-box屬性的方法。觀衆的任何想法？ autoprefixer中是否存在我缺少的自定義內容？解決方案提前感謝！

來源

2017-08-08 Mike Legacy

可能指導意見：https://stackoverflow.com/q/35137085/3597276 –

非常感謝老兄！ –

發現它，它正好在我面前，就像我想的那樣。

Autoprefixer有您可以添加到吞氣任務的選項：

flexbox: "no-2009",

添加這一點，它使-ms-flexbox和-ms-flex-wrap屬性並刪除display: -webkit-box之一。

希望這可以幫助任何人在未來掙扎。

勾選「禁用」部分GitHub的自述文件Autoprefixer： https://github.com/postcss/autoprefixer#disabling

來源

2017-08-08 18:12:24

引導4 + Autoprefixer =無效的舊的iPad

回答

相關問題