Crear layouts web para pantallas duales y dispositivos plegables
(smashingmagazine.com)- Dar soporte en la web a dispositivos como Galaxy Fold/Flip y Surface Duo
- En CSS, comprobar con una media query si los valores
horizontal-viewport-segmentsyvertical-viewport-segmentsson2 - En JS, comprobarlo con
window.visualViewport.segments
→ Aplicable a Canvas2D, WebGL, etc. - Usar
viewport-segment-width/height/top/left/bottom/rightdentro deenv()
→ Permite calcular el ancho de la bisagra
Aún no hay comentarios.