Open2
Safari対応
Safari 14.1 未満のバージョンに Flexbox の gap プロパティのフォールバックスタイルを追加するための CSS ハック
@media not all and (min-resolution:.001dpcm) {
@supports (not (translate: none)) {
// Safari 14.0.x だけに適用される CSS
}
}
参照
メディアクエリが必要な場合は入れ子にする
autoprefixerはOFFにしておく
/* autoprefixer: off */
@media (min-width: 782px) {
@media not all and (min-resolution: 0.001dpcm) {
@supports (not (translate: none)) {
// Safari 14.0.x だけに適用される CSS
}
}
}