ブートストラップ4 + Autoprefixer =壊れたレガシーのiPad

Question

.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;です。セレクタ（.row）に/* autoprefixer: off */を追加すると、そのクラスのすべての自動プレフィックスを防ぐことができますが、実際にはブートストラップのコアファイルを変更したくないので、残りの部分を残すことを賢明に考えています。他のブラウザのサポートのための接頭辞。

具体的には、display: -webkit-box属性を正常に上書き/削除する方法は考えられません。聴衆からの任意のアイデア？オートプレフィクサー内にカスタマイズされていますか？回答は事前に評価されました！

Answer 1

それが見つかった、それは私が思ったように、それは私の顔の前であった。

Autoprefixerあなたは一口タスクに追加できるオプションがあります。

flexbox: "no-2009",

はそれを追加し、それが-ms-flexboxと-ms-flex-wrap属性を保持し、display: -webkit-box 1を削除します。

これは将来的に誰かを苦労させるのに役立ちます。 https://github.com/postcss/autoprefixer#disabling