Изображения размыты в мобильном телефоне iphone 4 - PullRequest
Новая
       40

Изображения размыты в мобильном телефоне iphone 4

8 голосов
/ 19 декабря 2011

Я создаю мобильное веб-приложение и у меня возникли проблемы с изображениями.Они отлично смотрятся на моем рабочем столе, но в iPhone все расплывчато.Я полагаю, это связано с дисплеем сетчатки, и мобильное сафари должно удвоить размер веб-сайтов.

Есть ли обходной путь, чтобы изображения выглядели четкими на iPhone 4?

1 Ответ

3 голосов
/ 27 декабря 2011

Я нашел ответ.Я нашел эту статью: http://seesparkbox.com/foundry/targeting_iphone_4s_retina_display_with_media_queries Который выступает за использование медиа-запросов, таких как: 

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    #map-page .ui-icon {
        background-image: url("/images/retina/4_ikon_hitta.png");
    }
}

Пока это работает, но я не оптимальное решение.В комментариях к другой статье говорилось о том, что пиксели вообще не используются в качестве измерения, что имело смысл.IPhone4 - это только первое из многих устройств с высоким разрешением dpi.Таким образом, в будущем пиксель будет еще больше.

Mobile Safari поддерживает iG 2.1 для SVG, поэтому в зависимости от того, какие устройства вы должны поддерживать SVG (возможно, с некоторым запасным вариантом), стоит обратить особое внимание.

Для моего (и вашего тоже!) Следующего проекта я копаю в ems, points,% и SVG.

...