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

0 vote108 views1 answer
Unhover animation
CSS
0 vote105 views1 answer
Practice html and css
CSS
1 vote104 views1 answer
Reset all input styles with 1 property css
CSS
0 vote101 views1 answer
Moving nested element up css
CSS
3 votes106 views2 answers
Card template css
CSS
0 vote115 views1 answer
Css nested scrollbars
CSS
4 votes116 views2 answers
Css disabled
CSS
7 votes119 views3 answers
Remove hover effect css
CSS
0 vote349 views1 answer
Fssg
CSS
0 vote160 views5 answers
Sweetalert to small bootstrap
CSS Bootstrap