ปัญหาหลักคือหากผู้ใช้คลิกนอกช่องซูม การซูมจะถูกล็อกและจะไม่สามารถซูมเข้าหรือออกได้
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
วิวพอร์ตเป็นพื้นที่ที่ผู้ใช้มองเห็นได้จากหน้าเว็บ จะแตกต่างกันไปตามอุปกรณ์ และจะเล็กกว่าบนมือถือมากกว่าหน้าจอคอมพิวเตอร์
ส่วน width=device-width กำหนดความกว้างของวิวพอร์ตตามความกว้างของอุปกรณ์ (ซึ่งจะแตกต่างกันไปตามอุปกรณ์)
ส่วน initial-scale=1.0 จะกำหนดระดับการซูมเริ่มต้นเมื่อเบราว์เซอร์โหลดหน้าเว็บเป็นครั้งแรก
ส่วน maximum-scale=1.0 จะกำหนดว่าผู้ใช้จะซูมเข้าในหน้าได้มากน้อยเพียงใด ค่า 1.0 หมายความว่าไม่อนุญาตให้ซูม
user-scalable=no part ปิดใช้งานการซูมใดๆ ที่อาจใช้งานได้ตามค่าเริ่มต้นในอุปกรณ์บางอย่าง (เช่น การแตะสองครั้งเพื่อซูมเข้า)
วิธีปิดใช้งานการซูมบนหน้าเว็บบนมือถือ
หากต้องการปิดใช้งานการซูมบนหน้าเว็บบนมือถือใน HTML ให้ใช้รหัสต่อไปนี้:
ซึ่งจะทำให้หน้าพอดีกับความกว้างของอุปกรณ์ที่กำลังดูอยู่
ซูมออก
หากต้องการย่อใน HTML ให้ใช้คุณสมบัติการย่อ/ขยาย ตัวอย่างเช่น:
ซูม: 1;
ปิดการปรับขนาด HTML
การปรับขนาด HTML เป็นคุณสมบัติของ HTML ที่ช่วยให้เว็บเบราว์เซอร์สามารถขยายหรือลดขนาดของข้อความและรูปภาพเพื่อให้อ่านได้ง่ายขึ้นบนหน้าจอขนาดเล็กหรือใหญ่ขึ้น คุณลักษณะนี้สามารถปิดได้ในเบราว์เซอร์ส่วนใหญ่โดยตั้งค่าคุณสมบัติ html-scaling เป็น "none"
