Créer des mises en page web pour les doubles écrans et les appareils pliables
(smashingmagazine.com)- Prendre en charge sur le web des appareils comme le Galaxy Fold/Flip et le Surface Duo
- En CSS, vérifier via une media query si les valeurs
horizontal-viewport-segmentsetvertical-viewport-segmentsvalent2 - En JS, vérifier avec
window.visualViewport.segments
→ À appliquer notamment à Canvas2D et WebGL - Dans
env(), utiliserviewport-segment-width/height/top/left/bottom/right
→ Permet de calculer la largeur de la charnière
Aucun commentaire pour le moment.