Awesome
Pantallas "retina" y unidades
Vamos a darle un repaso a las pantallas de alta densidad de píxeles y cuándo usar unas unidades u otras ;)
Un posible esquema podría ser este:
Pantallas de alta densidad de pixels
-
Retina: The goal of Retina displays is to make the text and images being displayed extremely crisp, so that pixels are not visible to the naked eye or at viewing distance.
-
Las otras
-
Imágenes
- Contenido
- img:src
- Img:srcset
- Object-fit
- Relleno
Unidades
- px
- em
- rem
- vh/vw
- ch
- Cuándo las uso?
- Media queries
Live Sass Compiler
Extensión en el Marketplace de Visual Studio
Créditos
<img src="assets/img/product.jpg" width="100">Andrew Paterson/Getty Images
<img src="assets/img/ay-el-mar@mobile.jpg" width="100">
Photo by Matt Hardy on Unsplash