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 vote191 views1 answer
Css background image remove margin
CSS
0 vote199 views1 answer
Unclickable button
CSS
0 vote208 views1 answer
Scale up and scale down animation in css
CSS
2 votes214 views1 answer
How to distribute vertically the items in css
CSS
34 votes216 views2 answers
Box position in center css
CSS
1 vote222 views1 answer
Stop anchor tag scroll to top of page
CSS
0 vote215 views1 answer
Min-height not working on body
CSS
38 votes219 views2 answers
Remove list bullet css
CSS
0 vote216 views1 answer
Change your cursor
CSS
18 votes232 views5 answers
Col-md-6 bootstrap
CSS Bootstrap