По моим наблюдениям -- с жуткими матами и ждаваскриптом для перестановки элементов гуя.

Если (экран.ширина <= 1280) алерт(Иди нахуй, нищеброд)

А как же "нагни телефон вбок"?

Если ((экран.ширина <= 1280 и экран.высота <= 720) или (экран.ширина <= 720 и экран.высота <= 1280)) алерт(Иди нахуй, нищеброд)

Щщщастливый ты чувак, я погляжу. У нас вот вместо таких "нищебродов" несколько авиакомпаний, которые сами могут нахуй послать.

Я вообще не верстальщик. Я пришел с работы и хочу убивать людей. :(

Вопрос в том, что у девайса размером 6" и у девайса 4.5" может быть фуллхд, а ещё такое же на 8" и на 12"

Тогда DPI еще проверять

А верстать все равно в пикселях?

У новомодных девайсов по дефолту виртуальное разрешение. А так можешь обмазаться media queries.

Последнее слово мне непонятно. А что делать к картинками?

• https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries
• https://developer.mozilla.org/en-US/Learn/HTML/Howto/Add_responsive_image_to_a_webpage

Не увидел там dpi в списке или, лучше, соотношения виртуального пикселя и реального

resolution

И device-pixel-ratio, кажется.

Ок, спасибо