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 vote145 views1 answer
Media query for mobile landscape only
CSS
13 votes144 views2 answers
How to add background in css
CSS
0 vote136 views1 answer
How to make textbox shorter in html
CSS
37 votes146 views2 answers
Rgb yellow color
CSS
11 votes150 views2 answers
Css display
CSS
0 vote289 views2 answers
Css multiline comment
CSS
5 votes151 views2 answers
Word spacing css
CSS
3 votes137 views1 answer
Mettre une image au milieu css
CSS
4 votes136 views2 answers
Gap between two flex items
CSS
0 vote191 views1 answer
#f7fafc
CSS