[ css ] ブラウザ別cssハック

◆IE11

_:-ms-lang(x)::-ms-backdrop, .クラス名{
  プロパティ: 値;
}

◆Edge

@supports (-ms-ime-align: auto) {
  .クラス名 {
    プロパティ: 値;
  }
}

◆Firefox

@-moz-document url-prefix() {
  .クラス名 {
    プロパティ: 値;
  }
}

◆Safari

_::-webkit-full-page-media, _:future, :root .クラス名{
  プロパティ: 値;
}

@media~を使う方法が紹介されているが、レスポンシブ対応で面倒になるので使わない。
Retina対応はレスポンシブ関係ないので使用可。
◆Retina対応

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .クラス名 {
    プロパティ: 値;
  }
}