Search
 
SCRIPT & CODE EXAMPLE
 

CSS

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;
  }
}
Comment

PREVIOUS NEXT
Code Example
Css :: two classes css modules 
Css :: how to make width equal to height css 
Css :: css pass param to class 
Css :: css class and id selector 
Css :: CSS line-height values 
Css :: line icon css 
Css :: how to style navbar-toggler-icon bootstrap 5 
Css :: vertical align text inside div 
Css :: linear gradient in css 
Css :: tailwind css flex-row-reverse for grid reverse 
Css :: Html css forbidden cursor 
Css :: font face html 
Css :: css make div one line 
Css :: css blur overlay 
Css :: display flex overflow hidden slider 
Css :: increase clickable area css 
Css :: css orientations 
Css :: generate your tailwind.config.js file 
Css :: transition css react 
Css :: allfont cdn 
Css :: simple website templates free download html with css without bootstrap 
Css :: How to make website responsive for safari 
Css :: css box sizing 
Css :: css3 ripple loop 
Css :: rendre une div scrollable 
Css :: promise.resolve 
Css :: css preloader, preload website screen 
Css :: how to make focus outline round in html 
Css :: how to make button appear on hover 
Css :: css custom cursor form image 
ADD CONTENT
Topic
Content
Source link
Name
4+2 =