postcss自動プレフィッカーでぐったりのグリッドプロパティを無視する

Question

私はgulpでautoprefixerを使ってプロパティにブラウザのプレフィックスを追加しています。オートプレフィクサーはすべてのグリッドプロパティーを無視しているようです。

gulp.task('postcss',function() { 
 

 
    console.log("Running postcss task"); 
 
    var plugins = [autoprefixer({browsers: "last 5 versions"}),orderValues()]; 
 
    return gulp.src('www/css/*.css') 
 
       .pipe(postcss(plugins,{ map:true , inline:true })) 
 
       .pipe(gulp.dest("www/css/")); 
 

 
});

Answer 1

この機能はデフォルトでは無効になっています。

• がサポートされています：あなたはgrid: true

  Documentation of Autoprefixer

  Autoprefixerオプションで有効または無効にすることができる4つの特徴を、持っているとAutoprefixerに与えられたオプションでそれを有効にする必要が虚偽が無効になります@パラメータ接頭辞をサポートしています。

• flexbox：falseはフレックスボックスのプロパティプレフィックスを無効にします。またはフレックスボックス： "no-2009"は、仕様の最終版とIE版のみに接頭辞を追加します。
• remove：falseは、古いプレフィックスのクリーニングを無効にします。
• grid：trueはIEのグリッドレイアウトプレフィックスを有効にします。

決定は、ツイッター（問題#817）に投票した後に行われ、その背後にある理由はIE10-11とエッジ12-15で実装古いグリッド仕様は、現代からあまりにも異なることであるました
IE10-Edge 15でサポートされていないプロパティ（grid-areaなど）の使用を抑制または抑制するために、IE10-Edge 15と同等の結果を得るには、さらに手作業が必要です。値（repeat()私は思う、等）：どちらの場合も、Autoprefixerで自動的に行うことはできませんので、デフォルトでは無効になっています。

EDIT： 遠くあなたの質問よりも行くと「私はIE10で導入された古い最初のグリッドレイアウトの仕様をサポートしているブラウザで何ができる？」答え：「IE 10-エッジ上

レイチェルアンドリューから

• useful table 15 "と"最新のブラウザ "と" Edge 16+ "のグリッドプロパティを手動で行うか、Autoprefixerが正しく動作しているかどうかを確認する必要があります。
• あなたはブラウザのこれらの2つのカテゴリのCSSを分離したい場合は、モートンランド-HendriksenによってSmashingMagでBuilding Production-Ready CSS Grid Layouts Today記事からこの宝石を使用することができます（悲しいかな動作しませんどの @supports (grid-area: auto) { /* */ }

なく@supports (display: grid) {}記事参照）。