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 vote131 views3 answers
Force keyboard to show android programmatically
CSS
0 vote159 views1 answer
How to make jest parse the imported css modules in create react app
CSS
1 vote146 views1 answer
Css use value of attribute
CSS
2 votes140 views1 answer
Css how to add double shadow to text
CSS
0 vote176 views1 answer
Deploy truffle project on testnet
CSS
0 vote145 views1 answer
Min-height not working on body
CSS
0 vote144 views2 answers
Background image path
CSS
1 vote159 views1 answer
Add image to div in css
CSS
3 votes134 views1 answer
Change css to scss angular
CSS
0 vote197 views1 answer
Bootstrap 5 carosul height set
CSS Bootstrap