Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

ปิด Zoom (Pinch/Scale) ใน Responsive Design ด้วย HTML5 Meta Viewport

ใช้ user-scalable=no ใน Viewport Meta Tag

<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 - ซูมเริ่มต้น 100%
  • maximum-scale=1.0 - ซูมสูงสุด 100%
  • user-scalable=no - **ห้าม User Zoom ได้**

คำเตือน: การปิด Zoom สูญเสีย Accessibility (ผู้ใช้ ضعيفสายตาไม่ขยายได้) ควรพิจารณาก่อนใช้