การให้แอตทริบิวต์เมตาแท็ก "user-scalable=no" จะจำกัดผู้ใช้จากการซูมไปที่อื่น
ป้องกันการซูมเข้าด้วยกันโดยเพิ่มเมตาแท็กนี้ในแท็กหลักของคุณ สิ่งนี้บอกให้เบราว์เซอร์มือถือใช้มาตราส่วนความกว้างเดียวกัน และจะไม่อนุญาตให้ผู้ใช้ซูมเข้าเลย ดังนั้นจึงปิดการใช้งานพฤติกรรมที่น่ารำคาญนั้นด้วย อย่างไรก็ตาม บางคนอาจโต้แย้งว่านี่ไม่ใช่วิธีจัดการกับปัญหาที่เป็นมิตรต่อผู้ใช้
<meta name = "viewport" content = "width=device-width, minimum-scale=1.0, maximum-scale = 1.0, user-scalable = no">
องค์ประกอบ
โดยการตั้งค่าขนาดแบบอักษรของช่องป้อนข้อมูลเป็นขนาดแบบอักษร 16px (หรือใหญ่กว่า) เราป้องกันไม่ให้เบราว์เซอร์ซูมเข้าที่โฟกัส โปรดทราบว่าเราใช้อัตราส่วนกว้างยาวของอุปกรณ์เพื่อกำหนดขนาดแบบอักษรเป็น 16px เฉพาะสำหรับอุปกรณ์ที่มีอัตราส่วนด้านอุปกรณ์ที่ระบุเท่านั้น
select{
font-size: 40px;
} 