การสร้างเลย์เอาต์เว็บสำหรับอุปกรณ์จอคู่และจอพับ
(smashingmagazine.com)- รองรับอุปกรณ์อย่าง Galaxy Fold/Flip และ Surface Duo บนเว็บ
- ใน CSS ตรวจสอบด้วย media query ว่าค่า
horizontal-viewport-segmentsและvertical-viewport-segmentsเป็น "2" หรือไม่ - ใน JS ตรวจสอบด้วย
window.visualViewport.segments
→ นำไปใช้กับ Canvas2D และ WebGL เป็นต้น - ใช้
viewport-segment-width/height/top/left/bottom/rightในenv()
→ จึงสามารถคำนวณความกว้างของ hinge ได้
ยังไม่มีความคิดเห็น