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

69 votes120 views6 answers
Flexbox elements
CSS
0 vote114 views5 answers
Add css to javafx fxml
CSS
-1 vote172 views1 answer
Change font size on large screen resolution bootstrap
CSS
-1 vote180 views6 answers
How to comment in css
CSS
0 vote142 views1 answer
Css styles responsive password input eye
CSS
6 votes150 views4 answers
Change input border color when selected
CSS
16 votes174 views5 answers
Sass loops
CSS
8 votes116 views2 answers
Css list style
CSS
1 vote74 views2 answers
Summation in jupyter markdown
CSS
58 votes130 views3 answers
@media
CSS