Как узнать в медиазапросе css не ширину в пикселях, а в дюймах?

Question

[Роман Ракзин]

У меня телефон с высоким разрешением масшабируется так же, как и планшет, который в 2 раза больше и по-пиксельно медиазапрос не проходит - я ставлю 1200 пикселей для телефона! что б удовлетворить условию, но тогда и планшеты попадают под это условие.
Что можно сделать в данной ситуации?

Comments

[Ярослав Иванов]

Css pixel ratio

[Froggyweb]

Твой телефон для верстки максимум 500 пикселов иначе у тебя рука как у гоблинов.\
в дюймах только гайки меряют. ну и в Кембридже может порции для студентов

[Ярослав Иванов]

Изобретатель Дикпиков, цели в жизни

Answer 1

[Sagrana]

Пример разницы между разрешениями экрана устройства и браузера на этом устройстве


Поэтому смело пишите медиазапрос для телефонов на max 767px, а для планшетов на max 1025px

Answer 2

[forspamonly2]

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

а ваше "1200 пикселей для телефона" скорее всего означает, что вы не указали viewport. добавьте в head

<meta name="viewport" content="width=device-width, initial-scale=1">