3

ここにも同様の投稿がありますが、Gulp の Autoprefixer が特定のブラウザーを無視しているように見える理由を説明する投稿は見つかりませんでした。

私のGulpfile.jsの関連部分は次のとおりです。

var sassOptions = {
  errLogToConsole: true,
  outputStyle: 'expanded'
};

gulp.task('sass', function(){
  return gulp.src('css/main.scss')
    .pipe(sass(sassOptions).on('error', sass.logError))
    .pipe(autoprefixer({
      browsers: ['last 2 versions','ie 9'],
      cascade: false
    }))
    .pipe(gulp.dest('css'))
});

次のように、-webkit- プレフィックスが最終的な CSS ファイルに適用されるため、autoprefixer が実行されていることがわかります。

-webkit-transform:translate(-50%,-50%)
transform:translate(-50%,-50%)

ただし、「ie 9」を指定したという事実を考えると、そうすべきではありません

-ms-transform:translate(-50%,-50%)

ここにも出席しますか？

構文についてかなりのバリエーションを試しましたが、どこにも到達できないようです! ここでのポインタは大歓迎です。

4

0 に答える 0