Criando layouts web para telas duplas e dispositivos dobráveis
(smashingmagazine.com)- Suporte na web para dispositivos como Galaxy Fold/Flip e Surface Duo
- No CSS, verificar com media query se os valores de
horizontal-viewport-segmentsevertical-viewport-segmentssão2 - No JS, verificar com
window.visualViewport.segments
→ Aplicável a Canvas2D, WebGL etc. - Em
env(), usarviewport-segment-width/height/top/left/bottom/right
→ É possível calcular a largura da dobradiça
Ainda não há comentários.