![見出し画像](https://assets.st-note.com/production/uploads/images/26588958/rectangle_large_type_2_014ec8da03625f676571ef40bcbd15fd.png?width=1200)
【CSS】各ブラウザごとに読み込むCSSを変えたい
特定のブラウザのみにCSSを適用したい
あまり使用する機会はないが、IE対応する時などに使ったので備忘録
コード
IE
@media all and (-ms-high-contrast: none) {
/* ここに書く */
}
Chrome
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* ここに書く */
}
Firefox
@-moz-document url-prefix() {
/* ここに書く */
}
Safari
::-webkit-full-page-media, :future, :root セレクタ {
/* ここに書く */
}
これで実装完了