6
Tôi là người mới, phát triển một ứng dụng lai sử dụng phonegap & jquery mobile. ứng dụng của tôi trông ổn trong các thiết bị mdpi. Tuy nhiên, giao diện người dùng ứng dụng trông nhỏ hơn/co lại trong HDPI & điện thoại XHDPI, máy tính bảng & Thiết bị của Apple.ứng dụng phonegap của tôi trông nhỏ hơn trong điện thoại Android HD, điện thoại HDPI và XHDPI
hiện đang sử dụng thẻ meta viewport như
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, target-densityDpi=device-dpi" />
làm thế nào tôi có thể acheieve UI giống nhau trong mọi độ phân giải màn hình & Sở KHĐT.
Cần đề xuất của bạn.
nếu xóa thiết bị-dpi, phải mất mdpi làm giá trị mặc định và có vẻ tốt trong thiết bị mdpi. nhưng trong màn hình hdpi và xhdpi, có vẻ ổn. tôi phải thực hiện thay đổi trong css để hỗ trợ DPIs khác .. IS nó là cách tiếp cận đúng để nhắm mục tiêu tất cả các thiết bị Android và ios ?? – yokks
Có, target-densitydpi không được dùng trong hầu hết các trình duyệt. Đối với hầu hết các phần, nó là tốt. Thực tiễn phổ biến là sử dụng truy vấn phương tiện trên thẻ liên kết để cung cấp ghi đè cho độ phân giải thiết bị và tỷ lệ thiết bị-pixel khác nhau. Và nếu bạn thực sự cần hỗ trợ highres, hãy xem: http://coding.smashingmagazine.com/2012/08/20/towards-retina-web/ – Noogen