cuốn sách gpt4 ai đã làm

css - Mẫu CSS độc lập cho ứng dụng di động Phonegap

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-04 15:00:25 26 4
mua khóa gpt4 Nike

Tôi đang xây dựng ứng dụng Phonegap với hai bố cục: một cho "thiết bị cầm tay" và một cho "máy tính bảng". Tôi muốn các thiết bị lớn hơn 6 inch hiển thị bố cục máy tính bảng và các thiết bị nhỏ hơn sử dụng bố cục cầm tay.

Tôi đã xem xét các truy vấn truyền thông. Mối quan tâm của tôi là liệu tôi có nhắm mục tiêu thiết bị theo kích thước pixel hay không, chẳng hạn như iPad1 768px , một thiết bị cầm tay có mật độ cao sẽ xuất hiện cũng đáp ứng tiêu chí cho truy vấn này, hiển thị bố cục sai và khiến văn bản không thể đọc được cũng như các tiện ích quá nhỏ. tôi đã cân nhắctỷ lệ webkit-min-thiết bị-pixel> 2Đối với truy vấn này, nhưng điều này không để lại "khoảng trống", sự kết hợp đáng tiếc giữa độ phân giải và tỷ lệ pixel kích hoạt mẫu máy tính bảng trên thiết bị cầm tay phải không?

Vì vậy, tôi có thể làm theo chiến lược chung nào để "chọn" hai bố cục này một cách đáng tin cậy khi thiết bị tải (và tránh chồng chéo giữa các thiết bị)? Tôi chỉ hỗ trợ chế độ dọc, tôi có thể thay đổi tất cả CSS, JS,Chờ đợi..

Về cơ bản, tôi muốn có thể đưa ra một số quy tắc để phân biệt giữa cột 2 và cột 3 ở đây http://nmsdvid.com/snippets , nhưng không dành cho một kiểu thiết bị cụ thể.

Cảm ơn!

câu trả lời hay nhất

Tôi nghĩ chiều rộng pixel trong truy vấn phương tiện vẫn là chiều rộng tiêu chuẩn, hiện tại tất cả chiều rộng tài liệu hiển thị iPhone là 320px. Điều này là do UIwebview được sử dụng trong phonegap chỉ là môi trường trình duyệt tiêu chuẩn.

Nhu cầu CSS của tôi phụ thuộc vào mức độ giao nhau giữa phiên bản iPhone và Ipad của ứng dụng. Nếu css gần giống nhau thì mình sẽ dùng media query để thêm css bổ sung cho thiết bị Ipad vào một file CSS, nếu không mình sẽ có một file khác nhau cho mỗi thiết bị.

Về css - Mẫu CSS độc lập cho ứng dụng di động Phonegap, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/16480249/

26 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress