Thiết kế đáp ứng CSS trên thiết bị di động không hoạt động trên trình duyệt uc và opera mini

Question

Trang web đáp ứng trên UC và trình duyệt opera min không hoạt động đúng (chúng tôi đã sử dụng truy vấn phương tiện cho thiết kế đáp ứng). tôi đã tìm kiếm xung quanh nó tôi tìm thấy một số liên kết:

css responsive design in mobile is not working

responsive website design is not working on mobile phone

nhưng không thành công. Bất kỳ trợ giúp sẽ được đánh giá cao .... Cảm ơn

CẬP NHẬT

Chúng tôi đang xem trên google nexus-5.

trang web hoạt động bình thường trên google chrome nhưng không hoạt động trên UC và trình duyệt mini opera.

chúng tôi đang sử dụng bên dưới thẻ meta trong html của chúng tôi

trang web là sống hãy kiểm tra trên bạn thiết bị di động (trình duyệt: UC và Opera mini)

https://www.urbanbinge.com/#!/

Answer 1

Opera mini và UC Browser có hỗ trợ một phần cho Javascript và nó không hỗ trợ chuyển đổi 3d được sử dụng cho các menu đáp ứng, ví dụ như được sử dụng bởi các framework Foundation và Bootstrap (vì các trình duyệt này cũng không được đề cập trong danh sách tương thích của chúng). Ngoài ra họ không tải gifs, bạn phải sử dụng hình ảnh svg thay vì đó bởi vì cả hai nén tài sản của họ trước khi tải mà làm cho nó nhanh hơn nhiều so với các trình duyệt khác.

Bạn có thể kiểm tra dưới đây liên kết cho Opera Mini và UC Browser tương ứng:

https://dev.opera.com/articles/opera-mini-content-authoring-guidelines/

http://forum.ucweb.com/forum.php?mod=viewthread&tid=871055

Bạn có thể khắc phục điều đó bằng cách phát hiện cả hai trình duyệt và sửa chữa nó bằng cách sử dụng HTML với jQuery Mobile.

Hy vọng điều này sẽ giúp bạn.

Answer 2

nếu babel được sử dụng với cài đặt trước phản ứng của các yếu tố phản ứng-biến đổi-xóa-nội tuyến thì javascript của bạn sẽ không chạy trong trình duyệt UC trên điện thoại di động. Tôi tìm thấy vấn đề này khi sử dụng bộ khởi động phản ứng của Kriasoft.