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

Andrew Paterson/Getty Images

Photo by Matt Hardy on Unsplash