Pinch/Zoom viewport đặc điểm kỹ thuật hoạt động trên iPhone nhưng không phải trên Android

Question

tôi đã thực hiện một trang web WordPress một khi trở lại từ một công ty Sailing, xssailing.com và hiện đã cổng xem thiết lập như:

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

Trang web hoạt động tốt trên một máy tính và tôi có thể chụm và thu nhỏ tiền phạt trên iPhone/iPad. Khi tôi truy cập vào trang web với tôi kindle tôi không thể pinch và phóng to như tôi có thể trên các trang web khác. Ý tưởng nào?

Cảm ơn!

Answer 1

Bạn nói đúng, nó không thu phóng. Thử nghiệm trên Nexus S với trình duyệt mặc định.

Safari được xác định mặc định thực sự ngu ngốc cho thẻ này (chính xác 960 pixel cho chiều rộng, chính xác cho iPhone cũ không còn được thực hiện). Vì vậy, bạn sẽ muốn chỉ định rõ ràng minimum-scale. Bằng cách xác định tất cả ba thông số quy mô (chứ không phải là 2 trong 3) trang của bạn phóng tinh:

<meta name="viewport" content=" 
user-scalable=yes; 
width=device-width; 
initial-scale=0.31; maximum-scale=1.0; minimum-scale=0.25"/> 

Cũng đợi cho toàn bộ trang để đầy đủ tải trước khi cố gắng để phóng to.

---

Lưu ý đây là câu hỏi MUA mạnh hơn với một ví dụ tối thiểu hoàn chỉnh và không có liên kết spam đến một trang web cụ thể. Khả năng ứng dụng càng lớn của câu hỏi và câu trả lời càng tốt!