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

60 votes251 views5 answers
Rotate div css
CSS
0 vote268 views1 answer
CSS background blur or glass effect
CSS
0 vote191 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS
50 votes223 views5 answers
Child css
CSS
1 vote249 views1 answer
Ionic input line color
CSS
20 votes250 views2 answers
Bootstrap screen sizes
CSS
3 votes254 views4 answers
Remove outline on button click
CSS
4 votes236 views4 answers
Css max lines
CSS
6 votes273 views5 answers
Remove line from a href css
CSS
4 votes227 views1 answer
Change hex background opacity css
CSS