sassパーシャルファイルをコンパイルした後のcss表記がおかしい

Question

vs codeでlive sass compilerを使用しているのですが、パーシャルファイルでコンパイル後の表示が変わってしまいます。
変換後の表示でもscssファイルと同じような表示させるにはどうすればいいのでしょうか？
ネットでも解決策を探したのですが見つける事が出来ませんでした。よろしくお願いします。
使用しているバージョンはlive sass compiler3.0.0です。

現状(scss)
display: flex;
align-items: center;
justify-content: space-between;

コンパイル後の表示(css)
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;

---

実現したい事(scss)
display: flex;
align-items: center;
justify-content: space-between;

コンパイル後(css)
display: flex;
align-items: center;
justify-content: space-between;

Answer 1

パーシャルファイルでコンパイル後の表示が変わってしまいます。

特に害がある（CSSが思ったように効かない）ものではないのでしたら、とりあえずは気にしないでください。

幅広いブラウザで使えるように、ベンダプレフィックス付きのプロパティを自動生成するようになっています。

Comments

[protrek]

ご回答いただきありがとうございます。
現状ではflexboxを使いたいのですが、うまく反映されていません。
style.cssを確認すると「display: -ms-flexbox;」の-ms-flexbox;の下部分に波線が引かれています。
ここが原因でflexboxが反映されていないのかと思うのですが、解決策が分かりますでしょうか？

[maisumakun]

> style.cssを確認すると「display: -ms-flexbox;」の-ms-flexbox;の下部分に波線が引かれています。
ここが原因でflexboxが反映されていないのかと思うのですが

認識できないものは読み飛ばされますので、別に存在するdisplay:flexのほうが有効になっていれば問題ありません。

[protrek]

そうなのですね、分かりました、ありがとうございました。