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

15 votes112 views3 answers
Css size
CSS
1 vote97 views2 answers
Rainbow text with css
CSS
4 votes103 views1 answer
Scss sass on hover pseudo-class
CSS
3 votes104 views2 answers
Css crop image to circle
CSS
0 vote112 views1 answer
Center tecxt css
CSS
9 votes175 views3 answers
Bootstrap blue outline button
CSS Bootstrap
1 vote95 views1 answer
Scroll-behavior not working
CSS
0 vote102 views1 answer
Constraint barrier example
CSS
0 vote93 views1 answer
Youtube player get current time
CSS
0 vote116 views1 answer
Define keyframes with javascript
CSS