Я создаю приложение для iPhone с помощью phoneGap, но я уверен, что он не работает с использованием дисплея сетчатки, вместо этого он использует старое разрешение iPhone3.
Есть ли способ иметь 2 версии для iPhone при разработке с использованием phoneGap? это одна версия, использующая сетчатку и другую версию с худшим разрешением для более старых устройств.
Спасибо
Да, но вам нужно будет использовать либо мультимедийные запросы CSS, либо JavaScript.
http://troymcilvena.com/post/998277515/jquery-retina - это плагин jQuery, который автоматически обрабатывает изображения @2x.
В CSS вам нужно использовать таргетинг на медиа-запрос -webkit-min-device-pixel-ratio: 2, который заменяет фоновые изображения версиями с более высоким разрешением (и устанавливает background-size).
Retina.js с меньшим количеством CSS он решит вашу проблему.
С другой стороны, для проблем с Phonegap (например: вы не видите, как страница должна выглядеть так, как показано на рисунке), после использования следующего кода в вашем приложении:
<meta name="viewport" content="width=device-width, user-scalable=no, initial-
scale=0.5, maximum-scale=0.5" />
Добавьте это в свой Cordova.plist:
EnableViewportScale : YES