Tạo bố cục web cho màn hình kép và thiết bị gập
(smashingmagazine.com)- Hỗ trợ các thiết bị như Galaxy Fold/Flip, Surface Duo trên web
- Trong CSS, kiểm tra bằng media query xem các giá trị
horizontal-viewport-segmentsvàvertical-viewport-segmentscó bằng "2" hay không - Trong JS, kiểm tra bằng
window.visualViewport.segments
→ Áp dụng cho Canvas2D, WebGL, v.v. - Trong
env(), sử dụngviewport-segment-width/height/top/left/bottom/right
→ Có thể tính được độ rộng của bản lề
Chưa có bình luận nào.