2017-06-27 6 views
0

こんにちは私はコードキットを使用しています。 Codekitsそれはコンパイル中autoprefixerを実行していると主張するが、各ブラウザscssとコードキットが動作しない線形グラデーションの自動プレフィックス

のプレフィックスを追加していないようです。ここSASS(SCSS)

$purpgradient: linear-gradient(90deg, rgb(0,1,29) 0%, rgb(23,1,58) 53%, rgb(45,1,86) 100%); 

body { 
    background-image: $purpgradient; 
} 
があるので、「CSSファイルの実行autoprefixer」がチェックされています

と出力:

body { 
    background-image: linear-gradient(90deg, #00011d 0%, #17013a 53%, #2d0156 100%); 
} 

はプレフィックスをまったく追加していないようです。私はいくつかのタイプのエラーを作成しています

答えて

0

この問題は、scpssがコンパイルされる前に自動プレフィクサーがコードを実行したために発生しました。変数なしで試してみてください。

+0

hmm変数を削除してもまだオートプリフィックスが得られていません –

+0

リニアグラデーションがすべてのブラウザで機能するようになったので、自動プレフィックスを付ける必要はありません。 –

+1

これを認識するのに十分なほどスマートなコードキットだと思われます。次に、設定したブラウザ(ブラウザが対象)を確認し、別の属性(display:flex、user-select ...)を使ってテストすることでautoprefixerが動作することを確認します。 https://autoprefixer.github.io/をチェックして、何が出てくるのかを確認することができます。 –

関連する問題