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

44 votes345 views5 answers
Breakpoint bootstrap
CSS
1 vote331 views1 answer
Overflow-x hidden meaning in css
CSS
4 votes321 views2 answers
How to get all values from object in javascript
CSS
0 vote374 views1 answer
Justify-self
CSS
3 votes366 views1 answer
Html table td spacing
CSS
4 votes320 views1 answer
Footer at bottom of body
CSS
0 vote348 views1 answer
Css 2 images side by side to stack
CSS
10 votes347 views6 answers
Modal html
CSS
0 vote293 views1 answer
Restrict css to apply on div
CSS
0 vote328 views1 answer
Scss flex
CSS