Tôi có một trang web sử dụng thẻ meta <meta name="viewport" content="width=device-width, target-densityDpi=device-dpi">
, Javascript định dạng css cho body
thành chiều rộng và chiều cao màn hình và các phần tử bên trong có độ rộng dựa trên phần trăm.Kích thước phần tử cài đặt trình duyệt Android quá nhỏ
Trên máy tính để bàn, tính năng này hoạt động tốt. Tuy nhiên, trên trình duyệt của điện thoại và máy tính bảng Android, nội dung không được chia tỷ lệ chính xác - mọi thứ chỉ hơi nhỏ và nhấn đúp để thu phóng phóng to đúng kích cỡ (trong khi không hiển thị toàn bộ chiều rộng trang). Điều này xảy ra cả ở chế độ dọc và ngang và mức thu phóng dường như giống hệt nhau hoặc ít nhất là tương tự.
Tôi có cảnh báo cho tôi biết javascript đã định dạng chiều rộng và chiều cao cơ thể thành gì và nó luôn đúng, nhưng trình duyệt cảm thấy cần tải như thể kích thước cửa sổ thực sự lớn hơn.
Tôi hiểu có một số điều vô nghĩa khi trình duyệt bị nhầm lẫn giữa pixel CSS và pixel thực, nhưng tôi nghĩ thẻ meta có nghĩa vụ sửa tất cả điều đó.
Vậy làm cách nào để làm cho trình duyệt tải trang xuống kích thước màn hình thực 100% và không phải loại kích thước ~ 125% nào?