Почему изображения iOS масштабируются?

Почему изображения iOS масштабируются? Я создаю сайт и хочу, чтобы он был дружелюбным к мобильному телефону, когда я смотрю на него на iOS, по каким-то причинам мои пиксельные изображения постепенно расширяются.Почему изображения iOS масштабируются?

Не должен ли браузер сохранять правильные размеры изображений? Я тестировал его в основном на хроме, используя Dev Tools и настраивая его для эмуляции iphone 4, и изображения вообще не масштабируются, он отображает их так, как они должны быть.

Я взял пару снимков экрана а и ширина iphone его взятие является 640px, но мой медиа-запрос выглядит следующим образом:

@media screen and (max-device-width: 479px)

Что я делаю неправильно? Я не могу найти решение этого. Мне нужно, чтобы пиксельные изображения шрифтов оставались пиксельными. То же самое для моего заставки. Снимки экрана доступны, если вам нужно ....

источник

2013-05-24 ChaBuku Bakke

Расширяясь, вы имеете в виду удвоение? –

Да, я полагаю, что сейчас, когда я читал об этом. Пытаясь выяснить, что делать с этим удвоением, это делает мои пиксельные изображения ужасными. –

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

Что касается устройств с дисплеем сетчатки, разрешение изображения работает в браузере так же, как на устройстве. Если вам нужны четкие изображения, вам нужно указать отдельное изображение для экрана сетчатки. У этой переполненной почты стека есть несколько предложений для ее реализации: Apple retina support for images in HTML

источник

2013-05-25 00:15:20

iPhone 4 также имеет сетчатый дисплей. Последний без него был 3GS. –

Вы правы. Обновленный мой ответ, чтобы отразить эту ошибку. Благодарю. –

К сожалению, я не могу заставить изображения отображаться правильно, поскольку я использую спрайт. Блок-схема этой публикации хороша, но она не решает мою проблему (она также предполагает, что вы используете OSX, а не окна для кодирования). –

Почему изображения iOS масштабируются?

ответ

Смежные вопросы