Viewport ในการออกแบบเว็บคือพื้นที่ที่มองเห็นได้ของหน้าเว็บบนอุปกรณ์
ตั้งค่า Viewport ด้วย:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
คำอธิบาย:
<meta>— สั่งเบราว์เซอร์ควบคุมมิติของหน้าเว็บwidth=device-width— ตั้งความกว้างเท่าหน้าจออุปกรณ์initial-scale=1.0— ระดับซูมเริ่มต้น 100%
หากไม่ตั้งค่า Viewport บน Mobile จะแสดงเว็บแบบ Desktop Scaled Down ทำให้อ่านยาก
