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 vote220 views1 answer
Li only showing first bullet
CSS
1 vote211 views1 answer
Bottom css don't work for p
CSS
3 votes188 views2 answers
Div rounded corners
CSS
-1 vote228 views1 answer
Tailwindcss top
CSS
0 vote248 views1 answer
Textarea resize only horizontal
CSS
38 votes227 views6 answers
Convert object to array
CSS
0 vote221 views1 answer
Html same width as parent
CSS
0 vote227 views1 answer
Blue color when button click web mobile
CSS
4 votes210 views2 answers
Laravel enum column
CSS
0 vote304 views1 answer
Ufw allow from subnet
CSS