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 votes251 views2 answers
Adminlte.min.css.map error
CSS
1 vote283 views2 answers
How to add tailwind css in yarn
CSS
0 vote279 views1 answer
Css columns
CSS
1 vote233 views1 answer
Css text bubble
CSS
0 vote222 views1 answer
Elementor vertical line
CSS
1 vote206 views1 answer
A open new tab css
CSS
0 vote210 views1 answer
How to override bootstrap css in wordpress
CSS
0 vote198 views1 answer
WSGI: Truncated or oversized response headers received from daemon process
CSS
0 vote251 views1 answer
Convert firebase created_at to Date string
CSS
0 vote211 views1 answer
Code to change size when hover effect
CSS