Нужно ли адаптировать сайт под несуществующие размеры экранов?

Question

[Vitaly Max]

Есть основные размеры экранов устройств: 1440, 1024, 768, 425, 375, 320 пикселей.
Вопрос: есть ли смысл делать адаптив для ширины к примеру 600px, 500px?
В так называемых промежуточных точках?

Comments

[Rustam Bainazarov]

Делайте диапазонами, и проблем не будет.

И да, отвечая на ваш вопрос, — это нужно делать.

[Aetae]

Эти "основные размеры" не боженькой посланы. Вариантов экранов немеряно и адаптив должен быть для любого - на то он и адаптив. На "точках" должно что-то меняться только если действительно нужно. Если дизайнер, допустим, сделал всего два варианта: для маленьких и для больших экранов - то и точка нужна всего одна, в остальных случаях дизайн просто должен тянуться сам.

Answer 1

[Виталий Першин]

На самом деле не только на устройства нужно ориентироваться, а еще и учитывать факт того что даже на десктопе я могу взять и сложить браузер на пол экрана или вообще в четверть экрана в угол поместить, так что нужно учитывать каждый пиксель, если в какой-то момент нужно сделать адаптив, значит его нужно делать и медиазапросов много все равно не будет

Answer 2

[Den Sabrov]

Наверное, самое эффективное - делать правильно резиновую вёрстку, пользоваться относительными единицами. По сути нужно всего 3 брейкпоинта - телефон , планшет и монитор. Однако, для шлифовки наиболее оптимальными являются:

(дефолт) Мобильные - портрет
min-width: 480px Мобильные - ландшафт
min-width: 768px Планшет - портрет
min-width: 992px Планшет - ландшафт
min-width: 1200px Ноутбуки

Этого хватает для большинства проектов.