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

1 vote197 views1 answer
How to write remark in css
CSS
1 vote144 views1 answer
Pseudo class css nth child
CSS
0 vote182 views3 answers
Animate.css cdn
CSS
0 vote175 views2 answers
Nth-child(2n+1)
CSS
2 votes153 views5 answers
Figma
CSS
12 votes170 views2 answers
Can't resolve @emotion/react
CSS
13 votes229 views1 answer
Remove style from link
CSS
1 vote168 views2 answers
Inter
CSS
0 vote177 views1 answer
Side nav bar in materialize css
CSS
55 votes170 views5 answers
Bootstrap 3 button
CSS