Cung cấp thuộc tính thẻ meta "user-scalable =no" sẽ hạn chế người dùng phóng to ở nơi khác.
Ngăn việc phóng to tất cả lại với nhau bằng cách thêm thẻ meta này vào thẻ head của bạn. Điều này cho trình duyệt di động sử dụng cùng một tỷ lệ chiều rộng và sẽ không cho phép người dùng phóng to, do đó cũng vô hiệu hóa hành vi gây phiền nhiễu đó. Tuy nhiên, một số người có thể cho rằng đây không phải là cách thân thiện với người dùng để xử lý vấn đề.
<meta name = "viewport" content = "width=device-width, minimum-scale=1.0, maximum-scale = 1.0, user-scalable = no">
Phần tử
Bằng cách đặt kích thước phông chữ của trường nhập liệu thành kích thước phông chữ 16px (hoặc lớn hơn), chúng tôi ngăn trình duyệt phóng to tiêu điểm. Lưu ý rằng chúng tôi sử dụng tỷ lệ khung hình thiết bị để đặt kích thước phông chữ là 16px chỉ cho các thiết bị có tỷ lệ khung hình thiết bị được chỉ định.
select{
font-size: 40px;
}