簡単に言うと、「スマホ対応するのに必要なコード」と言う覚え方でした。-webkit-をつけるものと付けないものがあるし、結局どれに付けたらいいのかわからん。いうことで、ベンダープレフィックスの意味と、必要になるプロパティについてまとめてみました。gulpで自動付与可能ベンダープレフィックスとはCSSのプロパティの中には、ブラウザごとにベンダープレフィックスが必要なものがあります。これを書くことで、古いブラウザにもCSSを対応させることができるということで、ブラウザごとでデザインが違ったり、デザインが崩れたりしてしまうことを防いでくれます。対応させるブラウザによって、記述するコードも違います。・・・Operaブラウザごとに記述するコードが違いますので、注意が必要です。どのコードを記述すればいいか??それは、以下のポイントで変わってきます。どのブラウザまで対応させるか使用するプロパティ1によって、プロパティの頭に記述するコードが違ってきます。ChromeやSafariのシェアが多いので、「-webkit-」で統一するのもありなのかな??これについては、もっと勉強していきます。必要なプロパティをみていきましょう。※CSSのベンダープレフィックスを再確認してみるこれを見ると、基本的にはwebkitでいいのかなーという印象です。「transform()」や「CSSGrid」については、-ms-が必要という覚え方で問題なさそう。gulpで自動付与可能なんと、gulpを使うと自動的にベンダープレフィックスを付けてくれるみたいです。gulpでCSSを整える(プレフィックス・文法チェック・自動整形)gulpはまだインストールしていないので、今後実践してみたいと思います。BlogスポンサーリンクスポンサーリンクSearchWebコーダーKohei8年勤めた職場を退職し、完全未経験からWebコーダーに転職しました。