Адаптивная верстка для мобил с высоким разрешением. Как?

J
На сайте с 07.10.2010
Offline
163
1152

Здравствуйте, уважаемые форумчане. Недавно задался изучением адаптивной верстки, в частности запросов @media screen.

Так вот сейчас очень много смартфонов, у которых разрешение экрана даже больше, чем у ноутбуков. Как быть с ними? К примеру, взять тот же Samsung Galaxy S7 с разрешением 2560 на 1440. У меня лично у ноутбука разрешение 1920 на 1080.

Ну и пропишу я отдельные стили при помощи медиа-запроса @media screen and (max-width: 1440px) или @media screen and (max-width: 2560px) в случае горизонтальной ориентации - но ведь под эти правила попадает и большая часть ноутбуков.

Не пойму, как быть. Объясните, пожалуйста. Всем заранее спасибо!

D
На сайте с 14.01.2007
Offline
153
#1

гуглить "device pixel ratio"

Jaroslav:
2560 на 1440

надо знать его DPR. предположим 4. тогда из 2560 остаётся 2560 /4=640 и вот эти 640 и покажет самсунг в media queries

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#2
J
На сайте с 07.10.2010
Offline
163
#4
Dinozavr:
гуглить "device pixel ratio"

Получается, разрешение экрана каждого мобильного устройства нужно делить на показатель его DPR - и данное значение использовать в медиа-запросах при верстке?

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

D
На сайте с 14.01.2007
Offline
153
#5
Jaroslav:
Получается, разрешение экрана каждого мобильного устройства нужно делить на показатель его DPR - и данное значение использовать в медиа-запросах при верстке?

Ага

.......

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий