Нужно ли для адаптивной верстки использовать dpi в медиа запросе?

Question

[Ива]

Нужно ли для адаптивной верстки проверять dpi в медиа запросе?
Или хватит проверки в px?

Comments

[Алексей Струков]

А как проверяется dpi в медиазапросе?
Или имеете ввиду pixel-ratio?

Answer 1

[svarnoi420]

Все относительно. Если хочется, к примеру, для retina display загружать качественные картинки, то можно определить и с помощью dpi.
Но обычно хватает px (лучше переводить в em)

Comments

[Алексей Струков]

svarnoi420 : никогда не понимал прикола с em в медиа ((

Answer 2

[Вячеслав Онуфриюк]

px в css - это, в общем случае, не пиксель на экране.
Это просто примерно 1/96 дюйма. На обычных экранах это 1 пиксель, на ретина - это даже не целое их число ) (система по умолчанию чаще всего масштабирует разметку под себя).
На экранах с разрешением меньше стандартного (старые мониторы, телевизоры, мониторы с большой диагональю) пиксель может занимать больше 1/96 дюйма.

Так что, да, dpi проверять имеет смысл.
Но я бы стал (честно говоря, я бы вообще не стал) проверять только на то, больше ли оно чем 190 точек на дюйм.
Этого должно быть более чем достаточно.

Comments

[Алексей Струков]

Px в css это как раз пиксель на экране )
При условии наличия мета тега с viewport и width=device-width

Answer 3

[Дмитрий]

Если ориентироваться на retina-ready и соответственно готовить графику и прочее для этого "по феншую" то конечно, если вы один фиг одно и то-же выводите в конечном итоге, то смысл?

Answer 4

[Алексей Черток]

Лучше всего переводи все в em. Даже если не только адаптивная версия.