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

3 votes139 views3 answers
Css border-left
CSS
0 vote161 views1 answer
Materialisecss
CSS
3 votes83 views2 answers
Div rounded corners
CSS
0 vote127 views1 answer
System ui font
CSS
0 vote136 views2 answers
Wpa avoid reload with swipe
CSS
0 vote134 views1 answer
Javascript select element that does not have attribute
CSS
1 vote123 views1 answer
Padding clamp
CSS
0 vote136 views1 answer
Break table for printing
CSS
0 vote142 views1 answer
Center elemnts css
CSS
1 vote143 views1 answer
Css selector no attribute
CSS