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 vote301 views1 answer
Accessing folders in css
CSS
0 vote346 views1 answer
How do I make secret keys available in gatsby-config from Netlify
CSS
36 votes262 views6 answers
Css color
CSS
6 votes310 views8 answers
Bootstrap css
CSS
0 vote297 views1 answer
Look and Feel
CSS
0 vote303 views1 answer
Losange css
CSS
9 votes343 views3 answers
Css font style
CSS
0 vote299 views1 answer
Limit number of text lines
CSS
0 vote325 views1 answer
Hide title wordpress
CSS
1 vote307 views1 answer
Add border to input css
CSS