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 votes165 views2 answers
Css content image
CSS
29 votes156 views4 answers
Css box
CSS
4 votes166 views2 answers
Html css rounded corners with mark
CSS
0 vote171 views1 answer
Microwave
CSS
0 vote152 views1 answer
Border-radius cross browser
CSS
2 votes175 views1 answer
Css image round
CSS
3 votes147 views2 answers
Css table row border radius
CSS
0 vote159 views1 answer
Css ovel
CSS
-1 vote142 views1 answer
Purge tailwind css
CSS
6 votes185 views1 answer
How to add truncate code
CSS