Какую ширину и высоту использовать при создании макетов для адаптивного сайта?
Ответов на данную тему много, но мне пока не удалось собрать все в единый алгоритм и порядок...
Есть один тайный способ, который гуру UX бережно хранят уже много лет. И простой и сложный одновременно, подходящий для любых сайтов. Только избранный может познать всю мощь идеи, которая в него заложена... Называется он "контент-фёрст дезигн". В переводе со англо-славянского "смотри на контент и делай так, чтобы его было удобно потреблять на любых устройствах". Нет конкретных разрешений, под которые что-то нужно подгонять. Напротив - стоит стремиться делать так, чтобы везде было хорошо. Получится два состояния страницы - хорошо, получится десять - ну значит десять.
фантазировать можно долго и много, но по факту для реальных бизнес-проектов делают 2 разрешения: декстоп под 1280px неретиновых экранов и усредненный телефонный размер типа 375px
никто не будет оплачивать вам десятки разных макетов, к тому же с резиной возникают проблемы у пользователя: если сайт постоянно меняется при изменении размеров окна браузера, то пользователи не могут найти то, что искали там, где они это видели раньше