pe-media-query-hidpi()

/.tmp_src/docs/application.css
IE Chrome Firefox Safari Opera iOS Android Can I use
9 OK 3.5 4 10.1 4.1 2.3 Media Queries: resolution feature
引数 初期値 備考
$ratio 1.3 resolution フィルタリングする画素密度の最低値
@mixin pe-media-query-hidpi($ratio: 1.3) {
  ...
}
.class-name {
  font-weight: bold;
  @include pe-media-query-hidpi {
    font-weight: normal;
  }
}
.class-name {
  font-weight: bold;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
 only screen and (min--moz-device-pixel-ratio: 1.3),
 only screen and (-o-min-device-pixel-ratio: 1.3 / 1),
 only screen and (min-device-pixel-ratio: 1.3),
 only screen and (min-resolution: 125dpi),
 only screen and (min-resolution: 1.3dppx) {
  .class-name {
    font-weight: normal;
  }
}
Last update at 2016/09/16 15:55

Styleguide