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 vote192 views1 answer
Css position element in the middle of a header
CSS
0 vote194 views1 answer
Hide scroll bar and show when hover with small size
CSS
7 votes238 views2 answers
Sass mixin
CSS
0 vote248 views2 answers
Nav items moving when hover
CSS
8 votes255 views2 answers
Css random color
CSS
6 votes211 views3 answers
Print css media query
CSS
32 votes201 views6 answers
Css font face
CSS
40 votes195 views2 answers
All.min.css cdn
CSS
0 vote201 views1 answer
Css highlight element
CSS
0 vote196 views1 answer
Images end then start text in css
CSS