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

12 votes196 views6 answers
Responsive text
CSS
0 vote195 views2 answers
Css flex justify self
CSS
-1 vote249 views1 answer
Change font size on large screen resolution bootstrap
CSS
0 vote212 views2 answers
Command line download file from google drive
CSS
15 votes298 views4 answers
Docker postgres
CSS
16 votes193 views4 answers
Arrow down css
CSS
0 vote258 views1 answer
Underline css still there after text-decoration: none
CSS
35 votes199 views4 answers
Css nth element
CSS
0 vote188 views1 answer
Body{text-align: center;}
CSS
23 votes186 views3 answers
Placeholder color in css
CSS