Почему iOS Simulator отображает мои изображения в более низком разрешении в мобильном Safari для Retina?

Question

Я пытаюсь протестировать свое веб-приложение в мобильном Safari с дисплеем Retina и иметь доступ только к iOS Simulator.Все мои изображения отображаются с разрешением 2х.Я понимаю, что это, вероятно, имеет смысл на некотором уровне, но на самом деле я хочу, чтобы изображения отображались с естественным разрешением.

Как я могу получить теги img для отображения с естественным разрешением в Mobile Safari на iPhoneустройство сетчатки?(симулятор или иное)

ОБНОВЛЕНИЕ

Я не пишу нативное приложение и не обращаюсь к Safari, я пишу простой старый веб-сайт и хочу Safariотображать мои img изображения тегов в полном разрешении как для устройств с сетчаткой, так и без сетчатки.(Я знаю, приму и желаю тот факт, что изображение будет меньше на устройстве Retina)

Answer 1

Вам необходимо использовать медиа-запрос.Retina не будет автоматически предполагать, что вы используете 2x активы без него;это приведет к тому, что вся графика сайта будет отображаться на 50% от их предполагаемого размераКатастрофа!

(из шаблона HTML5):

/* iPhone 4 and high pixel ratio devices ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

Здесь вы также можете использовать соотношение: 2 для таргетинга только на iPhone Retina, но некоторые устройства, такие как Samsung Galaxy S, также имеют довольно высокое разрешение- 220ppi, я думаю - хотя они не совсем двойные, так что следите за этим.Эти устройства отвечают на запрос 1.5.Соотношение происходит от количества фактических пикселей, которые занимают видимый пиксель.Пиксельная математика, ура!Наконец доказывает, что они не являются (и никогда не были) абсолютными единицами.

Answer 2

Если я вас правильно понял, вот такой вопрос:

• UIWebView и дисплей сетчатки iPhone4

И отличный пост в блоге по этому вопросу:

• Как заставить ваш веб-контент выглядеть потрясающий на новой сетчатке iPhone 4 дисплей

Answer 3

Выберите оборудование в симуляторе Симулятор iOS-> Оборудование-> Устройство-> iPhone (Retina) и запустите ваше приложение