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 vote353 views1 answer
Overlay color on image css
CSS
24 votes348 views1 answer
Css gradient animations
CSS
13 votes358 views4 answers
Responsive css grid
CSS
0 vote357 views1 answer
Css select having both classes
CSS
0 vote358 views1 answer
Php-twig (> 2.9) but 2.6.2-2
CSS
1 vote330 views2 answers
How to add tailwind css in yarn
CSS
0 vote383 views2 answers
Check if post page wp
CSS
202 votes525 views6 answers
How to reference a css file in html
CSS
18 votes361 views4 answers
Background color none
CSS
7 votes296 views4 answers
Radial gradient css
CSS