iphone image sizing

Question

У меня возникли проблемы, обертывая мою голову вокруг размеров изображений и элементов ui для моего приложения iphone с помощью phonegap (в основном, мобильного веб-сайта, ушедшего из родного приложения). Вот мои настройки: PSD

ширина: 640px высота: 960px разрешение: 326px

Я создаю два изображения, по одной половине разрешением, а другой в полной мере. Затем я использую плагин для распознавания экрана сетчатки и заменяю все изображения на «* -2x». Проблема в том, что изображения выглядят больше на моем сетчатом iphone и размыты. Я интересно, если мой видовой экран Мессинг вещи, как это увеличивает изображение на экране, чтобы соответствовать приложение:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 

я бы очень признателен за любую помощь вы можете предоставить по этому вопросу. Я пробовал опубликовать ранее об этом, но ни один из ответов не работает. Благодаря!

Answer 1

Я никогда не использовал PhoneGap, но для того, чтобы сделать изображения HTML-изображения в Retina res, что я делаю, это ссылка на изображение сетчатки resina, скажем, изображение 640x960 пикселей, но в HTML заданы свойства размера 320x480.

Причина этого заключается в том, что iOS использует разрешенные независимые «точки» вместо «пикселей» для макета.

Надеюсь, это поможет!