Tôi đang tạo một ứng dụng cho iPhone bằng cách sử dụng PhoneGap, nhưng tôi chắc chắn nó không hoạt động bằng màn hình võng mạc, thay vào đó, nó đang sử dụng độ phân giải iPhone3 cũ.PhoneGap và màn hình Retina
Có cách nào để có 2 phiên bản cho iPhone khi phát triển bằng cách sử dụng PhoneGap không? đây là, một phiên bản sử dụng võng mạc và một phiên bản khác có độ phân giải tồi tệ nhất cho các thiết bị cũ hơn.
Cảm ơn
Có, nhưng bạn cần phải sử dụng truy vấn phương tiện CSS hoặc JavaScript.
http://troymcilvena.com/post/998277515/jquery-retina là một plugin jQuery sẽ tự động xử lý hình ảnh @ 2x.
Trong CSS, bạn cần sử dụng nhắm mục tiêu truy vấn phương tiện -webkit-min-device-pixel-ratio: 2 thay thế hình nền bằng các phiên bản có độ phân giải cao hơn (và đặt background-size).
Retina.js với ít CSS hơn, nó sẽ giải quyết được sự cố của bạn.
Mặt khác, đối với vấn đề với PhoneGap (ví dụ: bạn không thấy trang như nó nên, thay vào đó bạn thấy mọi thứ đã phóng to) sau khi sử dụng đoạn mã sau vào ứng dụng của bạn:
<meta name="viewport" content="width=device-width, user-scalable=no, initial-
scale=0.5, maximum-scale=0.5" />
Thêm thông tin này vào Cordova.plist của bạn:
EnableViewportScale : YES
"Mặt khác" đã làm việc cho tôi. Cảm ơn. – Jacksonkr
Bật thu phóng người dùng bằng điện thoại hoặc bất kỳ ứng dụng nào khác không phải là một động thái rất thông minh, trên thực tế không có ứng dụng nào cho đến nay dường như cho phép điều đó. – andreszs
Điều này không hiệu quả đối với tôi. Khi tôi làm điều đó, chỉ nội dung của trang được thu nhỏ, không phải các yếu tố giao diện người dùng thực tế được sử dụng trong ứng dụng, ví dụ: thanh trạng thái vẫn ở kích thước khó xử – feupeu
Bạn sẽ sử dụng truy vấn phương tiện CSS cho điều đó. '@media only screen và (-webkit-min-device-pixel-ratio: 2) {.ui-page {background: url trong suốt (đường dẫn/đến/2x.jpg); background-size: Xpx Ypx; }} 'Điều này thay đổi phần tử cho các thiết bị chỉ có độ phân giải của màn hình võng mạc. – ceejayoz
cảm ơn lời khuyên tuyệt vời – xus