Web-Layouts für Dual-Screen- und Foldable-Geräte erstellen
(smashingmagazine.com)- Geräte wie Galaxy Fold/Flip und Surface Duo im Web unterstützen
- In CSS per Media Query prüfen, ob die Werte
horizontal-viewport-segmentsundvertical-viewport-segmentsgleich2sind - In JS mit
window.visualViewport.segmentsprüfen
→ Auf Canvas2D, WebGL usw. anwenden - In
env()viewport-segment-width/height/top/left/bottom/rightverwenden
→ Damit lässt sich die Breite des Scharniers berechnen
Noch keine Kommentare.