El CSS que ya permite diseñar para pantallas plegables

Designing for Dual Screen and Foldable Devices with CSS (2023)

Con la llegada del Pixel Fold, la autora repasa las herramientas CSS disponibles para adaptar experiencias a dispositivos de doble pantalla. Explica las media queries horizontal-viewport-segments y vertical-viewport-segments, y las variables de entorno que calculan la geometría de cada segmento. Muestra un ejemplo con CSS Grid que divide el contenido en dos columnas según las pantallas. Aunque Edge ya lo soporta, Chrome no, lo que frena la adopción. Con más de 21 millones de plegables previstos para 2023, adaptarse puede marcar la diferencia.