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

22 votes204 views5 answers
Center grid
CSS
0 vote154 views1 answer
Remove background when autofill input css
CSS
0 vote173 views1 answer
Css light mode
CSS
16 votes173 views4 answers
Arrow left css
CSS
1 vote165 views1 answer
Convert string to uppercase while typing
CSS
27 votes168 views3 answers
Hide in css
CSS
1 vote168 views1 answer
Hover button scss
CSS
0 vote193 views1 answer
Text below filter css using pseudo
CSS
1 vote185 views1 answer
Make web page float to center of page
CSS
0 vote178 views1 answer
.quform-sub-label
CSS