Articles of retina display

Пользовательский CSS для iPad Mini 2, экран сетчатки и настройки экрана / просмотра в формате @media

Я пытаюсь указать разные цвета для выбранного диапазона размеров экрана, однако я просто не могу понять iPad Mini 2 с Retina Display. Это просто не соответствует правилам его разрешения пикселей, и мне интересно, почему. Вот мой код: /** Retina iPad **/ @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (-moz-min-device-pixel-ratio: 1.5), screen and (-o-min-device-pixel-ratio: 1.5), screen […]

Retina Display (iPhone, iPad) HTML

Как я могу улучшить свой HTML-сайт, имея Retina Graphics для пользователей iPhone и iPad? Как мне начать?

background-size: обложка выглядит неровной на экране сетчатки

Веб-сайт, над которым я работаю, можно увидеть здесь . Если вы посмотрите раздел «О себе» или «Контакт» на iPad 3 или iPhone 4, фон выглядит сумасшедшим. У меня установлен background-size так что, когда пользователь изменяет его background-size он масштабируется соответствующим образом, однако на iPad или iPhone он выглядит ужасно. Любая помощь или советы о том, […]

Отображение изображения сетчатки с чистым css

У меня есть ситуация, когда я не могу знать размеры изображения (собственный ограниченный cms …) Мне нужно выяснить, как показать изображение уровня сетчатки, и я хочу сделать это, не используя javascript (если это возможно). Я использовал: @media only screen and (-webkit-min-device-pixel-ratio: 2) {} но это только помогло мне с элементами, которые имеют фоновые изображения. Поскольку […]

как получить сетчатку?

что мне нужно сделать, чтобы сделать мои веб-приложения / сайты сетчатыми (на iPhone4 и iPad3), когда дело доходит до видео изображений шрифты цвета ? Я ищу контрольный список здесь.

У PNG (или JPG) есть DPI? Или это не имеет значения при создании сетчатки?

Простой вопрос, с которым я столкнулся с большими трудностями в поиске окончательного ответа на вопрос: имеют ли PNG-файлы DPI? Или, что еще важнее, это даже актуально при создании сайтов / приложений с поддержкой сетчатки? Я только что получил PSD-активы от нашего дизайнера для приложения iPad сетчатки, которое я должен преобразовать в HTML для отображения в […]

CSS для изображений с высоким разрешением на мобильных и сетчатых дисплеях

Изображения моего сайта выглядят размытыми для пользователей с сетчатыми дисплеями. (Например, на Retina MacBook Pro). Как подавать изображения с высоким разрешением посетителям с дисплеями сетчатки, но изображения стандартного размера для всех остальных, сохраняя при этом изображение одинаковым видимым размером?

Как протестировать веб-сайт для Retina на Windows без реального дисплея Retina?

Есть ли способ имитировать дисплей Retina в Windows для тестирования веб-сайта для дисплеев HiDPI, таких как Retina? Я запускаю Windows на стандартном 24-дюймовом мониторе 1920×1080. Вчера вечером я проверил свой сайт на знакомых новых 15-дюймовых Retina MacBook Pro, и графика выглядела все расплывчатой ​​(намного хуже, чем на обычном 15-дюймовом MacBook), в то время как шрифт […]