mixiの少ないCSSグリッド（ie11）

Question

誰もCSS11グリッドmixininsをIE11のために少なく見ましたか？ グリッドを使用しようとしましたが、IE11のすべてのプレフィックスを書き込むのは難しいです。私はこれについて話します：

-ms-grid-row: 1; 
-ms-grid-column: 3; 
-ms-grid-column-span: 2; 

grid-column: 3 ~'/' 5; 
grid-row: 1; 

ライフハックはありますか？

Codepen - >https://codepen.io/Muskos/pen/vpLeJg

Answer 1

私は右のあなたを理解していれば、あなたが必要とするすべてがある：

.grid-mixin(@row, @column-start, @column-span, @row-span, @column-end: @column-start + @column-span, @row-end: @row + @row-span){ 
    -ms-grid-row: @row; 
    -ms-grid-row-span: @row-span; 
    -ms-grid-column: @column-start; 
    -ms-grid-column-span: @column-span; 

    grid-column: @column-start ~'/' @column-end; 
    grid-row: @row ~'/' @row-end; 
} 

、必要なときにあなただけのようにそれを呼び出す必要があります：

.grid-mixin(1,3,2,1); 

あなたが試すことができますこのソリューションはこちら：https://codepen.io/Muskos/pen/vpLeJg?editors=1100

また、 uはgulp、webpackなどを使用していますが、Autoprefixerを使用します。既に約3年前に、ベンダープレフィックスをCSSに入れる必要はありません。ちょうど標準的なCSSを書くとツールは残りを行います。