Polyfill de pantalla plegable CSS

 

 

 

Los teléfonos plegables están empezando a ser una realidad. Es temprano, seguro, pero algunos ya se están enviando y definitivamente tienen navegadores web. Es lógico que, como diseñadores web, queramos saber dónde está ese pliegue para poder diseñar pantallas que encajen en la mitad superior y la mitad inferior… o en la mitad izquierda y la mitad derecha¹ .

Parece que eso llegará a nosotros en forma de env()constantes, al igual que todas esas cosas de la muesca.

El bloque de código en el repositorio de polyfill es:

@media (spanning: single-fold-vertical) { body { flex-direction: row; } .map { flex: 1 1 env(fold-left) } .locations-list { flex: 1; }}

Yo también pensaría que podría ser…

 

@media (spanning: single-fold-vertical) { .page-wrap { display: grid; grid-template-columns: env(fold-left) 1fr; }}

Es interesante que no la haya fold-right, ¿no? ¿Y no estamos tratando de alejarnos de términos direccionales como ese y utilizar propiedades lógicas? ¿Por qué no fold-inline-start?

  1. Será interesante ver cómo envejece esa frase. Solo mire que el primer teléfono plegable realmente popular tendrá tres segmentos.





SUSCRÍBETE A NUESTRO BOLETÍN 

No te pierdas de nuestro contenido ni de ninguna de nuestras guías para que puedas avanzar en los juegos que más te gustan.










Al suscribirte, aceptas nuestra política de privacidad y nuestros términos de servicio.






Tal vez te puede interesar:

  1. ¿Cómo se hace el tamaño máximo de fuente en CSS?
  2. Cambiar el tamaño de los valores en pasos en CSS
  3. ¿Qué hace “revertir” en CSS?
  4. CSS4 es una mala idea

Polyfill de pantalla plegable CSS

Polyfill de pantalla plegable CSS

Los teléfonos plegables están empezando a ser una realidad. Es temprano, seguro, pero algunos ya se están enviando y definitivamente tienen navegadores web.

programar

es

https://pseint.es/static/images/programar-polyfill-de-pantalla-plegable-css-1393-0.jpg

2024-06-13

 

Polyfill de pantalla plegable CSS
Polyfill de pantalla plegable CSS

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente

 

 

Update cookies preferences