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

1. px
2. em
3. rem
4. vh/vw
5. ch
6. Cuándo las uso?
7. 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