Trang thay đổi kích thước trên iOS khi phóng to

Question

Tôi gặp sự cố với iOS (cả Safari và Chrome dành cho iOS). Khi người dùng phóng to trang dường như thay đổi kích thước (nó cũng kích hoạt sự kiện kích thước thay đổi kích thước hàng chục lần), điều này làm rối tung một số nội dung của tôi được định vị bằng javascript. Tôi không thể khắc phục điều đó bằng cách ràng buộc sự kiện thay đổi kích thước bởi vì nó được gọi là quá nhiều lần và tôi không có cách nào để biết cái nào là cuối cùng.

Tôi đã thử đặt nhiều tùy chọn trên chế độ xem mà không có may mắn (chiều rộng, quy mô ban đầu, quy mô tối đa, tỷ lệ tối thiểu).

Tôi có một vị trí cố định div với cố định trên cùng, bên phải, bên trái và trên cùng. Có một số div tuyệt đối bên trong nó và chúng có kích thước và vị trí được đặt trong%.

Dường như trang thực sự thay đổi kích thước vì khi tôi thu nhỏ sau khi tôi đã phóng to, tôi thấy các đường viền trống ở bên phải và cuối màn hình. Tôi muốn ngăn điều này xảy ra.

Answer 1

Tôi đã tìm thấy sự cố. Trang không tự thay đổi kích cỡ, các phần tử được định vị cố định là. Nó chỉ ra vị trí cố định theo quan điểm của người dùng nếu anh ta phóng to. Giải pháp duy nhất tôi tìm thấy là thay đổi tất cả vị trí cố định của tôi thành vị trí tuyệt đối (trong trường hợp của tôi sẽ là một cơn đau).

Tôi cũng thấy rằng vì sự kiện thay đổi kích thước bị ràng buộc với cửa sổ, chế độ xem sẽ thay đổi khi thu phóng và do đó chức năng thay đổi kích thước được kích hoạt. Sự kiện thay đổi kích thước does not work trên các yếu tố khác (trong trường hợp của tôi những gì tôi thực sự cần là để xem thay đổi kích thước trên cơ thể).

Answer 2

Tôi không biết có vấn đề gì về bản chất đó, ngay cả trên các phiên bản đầu của iOS Safari/Chrome. Bạn đang sử dụng phiên bản iOS nào? Nếu bạn có quyền truy cập OSX, bạn đã thử nghiệm Safari trên tất cả các phiên bản iOS có sẵn trên iOS Simulator chưa? Bạn có nhận được hành vi tương tự trên iPad không? Bạn đã thử nghiệm các trình duyệt khác trên các chế độ xem nhỏ chưa? Bạn đề cập đến một cái gì đó về thay đổi kích thước sự kiện được gọi là cách quá nhiều lần.

tôi sẽ cố gắng để có được một trang HTML đơn giản với phong cách đơn giản và không có javascript để làm việc với đoạn mã sau:

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

Đoạn mã trên nên phóng to không thể ... Nếu rằng không làm việc trên một thiết lập đơn giản, sau đó chắc chắn là một lỗi tôi không quen thuộc với phiên bản iOS bạn đang thử nghiệm trên.

Mặt khác, nếu điều đó hoạt động, thì có điều gì đó ghi đè thẻ khung nhìn trên mã của bạn.