Описание тега pixel-ratio

1 ответ

Границы двойной ширины на устройствах Android с соотношением пикселей CSS 1,5

Учитывая простую страницу (источник ниже), которая содержит элемент с рамкой 1px, она будет выглядеть так на Android по сравнению с iOS: http://f.cl.ly/items/0h2Y0v0u1v1L120m0X0s/Untitled-2.png Как видите, граница Android не имеет одинаковой ширины,…
09 авг '13 в 12:00
0 ответов

Соотношение пикселей CSS в медиа-запросе CSS

Я занимаюсь разработкой веб-сайта и использую медиа-запросы. Мой пример запроса показан ниже only screen and (min-resolution:161dpi) and (max-resolution:192dpi), only screen and (-webkit-min-device-pixel-ratio: 1.67) (-webkit-max-device-pixel-ratio:…
29 окт '13 в 13:58
1 ответ

Как создать SVG с поддержкой более одного Pixel Ratio?

Я хотел бы создать независимый от разрешения SVG, который использует элемент . Можно ли проверить фактическое соотношение пикселей пользовательского агента? Пожалуйста, посмотрите на пример: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE …
1 ответ

Требование статических изображений в React-Native

Моему RN-приложению (v0.19.0, ios и android) требуется экран загрузки / заставки (иногда при загрузке могут появляться некоторые данные), поэтому я пытаюсь понять, как предоставить правильный набор изображений для этого экрана в различных устройства…
14 фев '16 в 01:07
1 ответ

Уменьшение соотношения пикселей для встроенной карты Google (PhoneGap - гибридное приложение для Android)

Я разрабатываю приложение, которое представляет пользователю карту Google, это приложение должно работать на Samsung S2, S3 и S4. Это означает, что пиксельные отношения устройства составляют 1,5, 2,0 и 3,0, что приводит к проблеме: в то время как на…
01 авг '13 в 15:03
1 ответ

Как сделать так, чтобы на экране размером 460 пикселей отображался дизайн размером 640 пикселей, а также шаблон на 320 пикселей?

Viewports, @media, пиксельные отношения и так далее доставляют мне неприятности. У меня есть веб-сайт для смартфона (адаптивный) с одним шаблоном 320 пикселей и одним шаблоном 640 пикселей, и я хочу добиться следующего: Ширина до 320 пикселей: показ…
12 апр '13 в 12:00
1 ответ

Как масштабировать эскизы в зависимости от разрешения устройства?

У меня есть эти правила медиа-запросов, которые определяют, сколько миниатюр должно поместиться в строке, в зависимости от ширины окна: @media only screen and (min-width: 250px){ li{ max-width: 100%; } } @media only screen and (min-width: 700px){ li…
01 май '17 в 14:50
1 ответ

Поддержка сетчатки Firefox для фоновых изображений (медиазапросы)

Я разработал несколько веб-сайтов, используя медиазапросы, чтобы сделать их готовыми к сетчатке. В Firefox теперь я вижу, что все фоновые изображения (управляемые медиазапросами) размыты, а сетчатка не готова. Это нормально? Почему Firefox еще не по…
30 сен '13 в 09:32
1 ответ

Размер шрифта и соотношение устройств к пикселям

Допустим, у меня по умолчанию установлен размер шрифта 16px (это должно быть избыточно, так как это по умолчанию в большинстве браузеров): Для краткости мой сайт содержит коробку размером 10em x 10em. body, html {font-size: 16px; }.box {border: 1px …
25 авг '17 в 14:12
1 ответ

Какие разрешения я должен включить в атрибут srcset?

Какие разрешения имеет смысл включать в атрибут srcset? MediaWiki использует 1.5x а также 2x, Есть ли, например, какие-либо устройства, которые будут использовать 3x? редактировать: ответ на последний вопрос, кажется, "да". отредактируйте октябрь 20…
1 ответ

Адаптивные изображения на основе соотношения пикселей устройства

Я смущен по поводу отзывчивых изображений. Как устройство Pixel Ratio может повлиять на изображение при просмотре на мобильном устройстве. У меня есть мобильное устройство с разрешением 480x854 с соотношением пикселей устройства, равным 1,5, т. Е. Е…
1 ответ

Определение размера с использованием пиксельного соотношения при создании сайтов

Прямо сейчас в компании, в которой я работаю, идут споры, нужно ли нам определять размер наших шаблонов (div, шрифты и т. Д.) На основе соотношения пикселей устройств (компьютеров, смартфонов и т. Д.) Или просто простых пикселей. Что вы думаете об у…
07 янв '13 в 13:56
1 ответ

Вы должны использовать соотношение пикселей устройства в медиа-запросе?

Я просто должен прояснить проблему, касающуюся отношения устройств к пикселям, должен ли я использовать это в моих медиа-запросах? это как-то повлияет на них, если я не буду? Я имею в виду, что многие устройства используют разрешение экрана 360X640,…
28 дек '15 в 03:43
2 ответа

Почему мой экран 1080p рендерит сайты с разрешением 640 пикселей?

Google говорит "потому что соотношение пикселей и CSS", но я не могу понять, что это такое и почему оно существует. Почему я добавляю метаданные, которые говорят браузеру отображать экран с разрешением <2/3 разрешения экрана? Изображения (насколько …
27 июн '15 в 09:26
1 ответ

Отрегулируйте кордову ширину экрана на xhdpi

У меня проблема с приложением Cordova, над которым я работаю. Я использовал устройство mdpi для своих тестов, и все выглядит хорошо. У меня ширина 800 и значение плотности 1. Мой порт просмотра настроен так: &lt;meta name="viewport" content="user-sc…
10 фев '19 в 13:00
2 ответа

CSS-пиксели и оптические размеры с новыми разрешениями экрана (такими как Retina)

Я хочу, чтобы мои сайты выглядели такими же по размеру на сетчатке и других экранах с более высоким разрешением, как на стандартных экранах. Это значит, что они должны выглядеть одинаково, но с большей детализацией на экранах с более высоким разреше…
27 апр '13 в 16:12
1 ответ

Проблема с соотношением пикселей Android Phonegap - изображения, ненадежная ширина страницы

Когда я ранее создавал приложение PhoneGap, изображения, отображаемые на страницах, некорректно отображаются на устройствах с высоким разрешением. Поэтому я сделал веб-страницу с фиксированным соотношением пикселей: 1 для всех устройств без учета DP…
06 сен '12 в 05:09
1 ответ

Что нужно ввести для iPhone 6 с помощью эмулятора в Google Chrome?

Функция эмуляции Google Chrome требует ввода разрешения устройства и соотношения пикселей устройства. У него есть предустановки для iPhone 5, но пока нет для iPhone 6 или iPhone 6+. Вы знаете, какое разрешение и соотношение пикселей я должен ввести …
2 ответа

При использовании ширины устройства ширина дисплея Retina не автоматически устанавливается на iPa d

В настоящее время я работаю на сайте, где я использовал Retina Ready Coding. Дисплей Retina (новый iPad) имеет разрешение 2048 x 1536 пикселей, в то время как обычный iPad/Tab имеет разрешение 1024x768 пикселей. Согласно закону Retina, всякий раз, к…
19 сен '16 в 12:57
2 ответа

Медиа-запросы и соотношение пикселей устройства

Я занимаюсь редизайном своего сайта и решил попробовать адаптивный макет. Я новичок в медиа-запросах CSS3 и не могу понять, как заставить сайт вести себя так, как задумано на моем смартфоне. На странице есть метатег этого видового экрана: &lt;meta n…
10 май '12 в 07:32