2017-11-26 10 views
-1

私は通常、簡単な方法で、私のflex特性を宣言します。これは多くのことで、ファイルのサイズが大きくなりフレックス派生プロパティのすべてのフォールバックを含めることは本当に必要ですか?

要素の数百にわたって繰り返さ
.flex-item { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;. 
    -webkit-box-pack: justify; 
    -ms-flex-pack: justify; 
    justify-content: space-between; 
    -webkit-box-orient: horizontal; 
    -webkit-box-direction: normal; 
     -ms-flex-direction: row; 
      flex-direction: row; 
    -ms-flex-wrap: nowrap; 
     flex-wrap: nowrap; 
} 

:あり、このためのフォールバックの

.flex-item { 
    display: flex;. 
    justify-content: space-between; 
    flex-direction: row; 
    flex-wrap: nowrap; 
} 

すべてを

  1. 多くの人がこのサイトを体験することができますので、これは本当に必要ですか?
  2. 私は帯域幅を気にします。
+0

フレックスボックスなしで_a lot_を行うことができるので、それを行うと、問題がなくなり、必要な要素が少なくなります。また、クラスを適切に再利用し、サイズを小さくすることを検討してください – LGSon

+0

さらに、ウェブサイトはすべてのユーザー、特にこれを既に知っている古いブラウザを持つユーザーと同じものを探す必要はありません:) – LGSon

+0

@ LGSon素晴らしい入力! netmarketshare/w3の統計やキャニウスによると、Flexboxはユーザーの過半数に使用するのが安全で、これらのことを信じています。私の質問は本当に私はこれらのクレイジープレフィックスのすべてを使用する必要がありました。 –

答えて

0

はい、それはブラウザのすべての種類のために必要ですが、あなたはできるだけ多くの人がするために得ることを気にした場合は、あなた自身のhttp://postcss.org/

+0

私はhttps://autoprefixer.github.io/を使用していますが、これは実際にはこれが必要なのかどうかという私の質問には答えません。これは可能なトレードオフです。 –

0

によって毎回それらを書きたくない場合は、postCSSのautoprefixerを試すことができます可能な限り意図したとおりのサイトを体験してください(つまりフレックスレイアウトの場合)、旧バージョンのフレックスボックスを使用していて、現在の標準と100%互換性のないバージョンのフレックスユーザーを使用しているフリンジユーザーでさえ、本当に選択肢があります。

帯域幅が不安な場合は、代替レイアウトモデル(フロートレイアウトやテーブルレイアウトなど)をフォールバックと見なしてください。

関連する問題