Vấn đề chính là nếu người dùng nhấp vào bên ngoài hộp thu phóng, chức năng thu phóng sẽ bị khóa và họ sẽ không thể phóng to hoặc thu nhỏ.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
Khung nhìn là khu vực hiển thị của người dùng trên trang web. Nó thay đổi theo thiết bị và sẽ nhỏ hơn trên điện thoại di động so với trên màn hình máy tính.
Phần width=device-width đặt chiều rộng của khung nhìn theo chiều rộng của thiết bị (sẽ thay đổi tùy theo thiết bị).
Phần initial-scale=1.0 đặt mức thu phóng ban đầu khi trang được trình duyệt tải lần đầu tiên.
Phần maximum-scale=1.0 đặt số lượng người dùng được phép phóng to trên trang. Giá trị 1.0 có nghĩa là không cho phép thu phóng.
Phần user-scalable=no vô hiệu hóa bất kỳ tính năng thu phóng nào có thể khả dụng theo mặc định trên một số thiết bị (chẳng hạn như nhấn đúp để phóng to).
Cách vô hiệu hóa thu phóng trên trang web di động
Để tắt thu phóng trên trang web di động trong HTML, hãy sử dụng mã sau:
Điều này sẽ làm cho trang vừa với chiều rộng của thiết bị mà nó đang được xem.
Thu nhỏ
Để thu nhỏ trong HTML, hãy sử dụng thuộc tính zoom. Ví dụ:
thu phóng: 1;
Tắt mở rộng HTML
Chia tỷ lệ HTML là một tính năng của HTML cho phép trình duyệt web phóng to hoặc giảm kích thước của văn bản và hình ảnh để làm cho chúng dễ đọc hơn trên màn hình nhỏ hơn hoặc lớn hơn. Có thể tắt tính năng này trong hầu hết các trình duyệt bằng cách đặt thuộc tính html-scale thành “none”.
