Bật thu phóng trên trang web trên thiết bị di động

Question

Tôi đang phát triển một trang web trên điện thoại di động. Nhưng hiệu ứng zoom không hoạt động trên các trang của tôi. Tôi đã sử dụng thẻ sau trong các trang.

<meta name="viewport" 
     content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" /> 

Tôi muốn biết:

1. Có thể có được hiệu quả zoom với thẻ này và làm thế nào để sử dụng nó trong cách chính xác?

2. Có thẻ nào khác mà tôi có thể sử dụng cho mục đích này không?

3. Cơ sở khách hàng của chúng tôi chủ yếu là trên iPhone. Có những điều/kỹ thuật đặc biệt nào tôi nên xem xét/sử dụng khi phát triển một trang web di động cho người dùng iPhone không?

Answer 1

Điều này là do bạn đã đặt tỷ lệ tối đa thành số tiền tối thiểu (1.0) có nghĩa là nó sẽ không thể thu phóng vượt quá những gì được hiển thị ban đầu. Bạn cần đặt thang tỷ lệ tối đa thành cái gì đó khác giữa 1,0 và 10,0 trong thẻ meta đó. Mặc định của Apple là có kích thước tối đa là 5.0 theo Apple's Documentation.

Apple's Documentation on Meta Tags có một bảng trên tính Viewport đó liệt kê tất cả các thẻ meta viewport mà có thể được sử dụng

Answer 2

bộ cũng sử dụng khả năng mở rộng để 1.

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=10.0; user-scalable=1;" /> 

Answer 3

Khi tôi vừa bắt gặp bài này vì tôi đã gặp vấn đề tương tự, tôi nhận ra rằng bạn cũng có thể chỉ cần xóa thẻ để làm cho nó cuộn/thu phóng.