Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Vô hiệu hóa khả năng zoom trong thiết kế responsive bằng HTML5

Để ngăn người dùng phóng to/thu nhỏ (zoom) trang web trên thiết bị di động, bạn cần thêm thẻ meta viewport với thuộc tính user-scalable=no.

Cú pháp

user-scalable=no

Ví dụ hoàn chỉnh

Thêm dòng sau vào phần <head> của tài liệu HTML:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

Lưu ý: Việc vô hiệu hóa zoom có thể làm giảm trải nghiệm người dùng, đặc biệt là những người khiếm thị. Chỉ sử dụng khi thực sự cần thiết và cân nhắc kỹ lưỡng.