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

1 vote323 views2 answers
How to compile scss to css
CSS
0 vote335 views1 answer
Spanning Items Across Rows and Columns
CSS
93 votes296 views6 answers
Css center image in div
CSS
0 vote317 views1 answer
Tailwindcss link tag
CSS
0 vote293 views1 answer
Css width responsive
CSS
-1 vote265 views1 answer
Centralize div css
CSS
32 votes265 views2 answers
Git stop merge
CSS
0 vote280 views1 answer
Bootstarp 5
CSS
8 votes321 views2 answers
Css resize checkbox
CSS
27 votes269 views6 answers
Font border css
CSS