Device-pixel-ratio css

/* Exact resolution */
@media (-webkit-device-pixel-ratio: 1) {
  p {
    color: red;
  }
}

/* Minimum resolution */
@media (-webkit-min-device-pixel-ratio: 1.1) {
  p {
    font-size: 1.5em;
  }
}

/* Maximum resolution */
@media (-webkit-max-device-pixel-ratio: 3) {
  p {
    background: yellow;
  }
}

Source: developer.mozilla.org

Similar codes

0 vote277 views1 answer
Top down gradient css on body
CSS
0 vote144 views1 answer
Table with vertical lines in angular
CSS
29 votes152 views2 answers
@font-face rule in css
CSS
8 votes140 views2 answers
CSS change image height
CSS
3 votes163 views2 answers
Css select all elements except last css
CSS
0 vote168 views1 answer
Materialize css form file input
CSS
3 votes149 views3 answers
Have background color and background image css
CSS
27 votes170 views1 answer
How to use gradient as text color
CSS
-1 vote198 views3 answers
How to align list to the centre in css
CSS
0 vote128 views1 answer
Css disable animation on load
CSS