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

2 votes174 views1 answer
Circle div
CSS
3 votes156 views2 answers
Antialiasing css
CSS
0 vote170 views2 answers
Background shrinks when responsive
CSS
0 vote167 views1 answer
Hoow to open a css class in css
CSS
0 vote172 views1 answer
How to active horizental scroll for navbar menu in mobile screen
CSS
1 vote183 views1 answer
On hover chang only border color of a button css
CSS
27 votes174 views4 answers
Unselectable text css
CSS
0 vote163 views1 answer
Twig country name
CSS
0 vote160 views1 answer
Mat radio button color
CSS
0 vote236 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS Bootstrap