Заходим в любой компьютерный магазин, подходим к стойкам с ноутбуками и мониторами.
Ноутбуки - почти все 1366х768. Дешёвые 17" - 1600х900, ноуты с 1920х1080 и больше уже достаточно дорогие и не по карману большинству. Ноуты с разрешение 2560х1440 и более фактически можно приравнивать к FullHD. Если 13" с таким разрешением, то 90% юзеров будет использовать увеличение.
Мониторы - практически все идут FullHD, есть 1366х768, есть 2560x1440 и 4К, но они не всем по карману.
Вот мы уже получили 3 основных современных разрешения (1366, 1600, 1920). Если целевая аудитория гики, то имеет смысл проработать отображение на 2560+.
Затем, вспоминаем, что когда-то были очень популярны 22" мониторы с 1680х1050. Когда-то многие купили нетбуки, а там всего 1024х600. До сих пор часто у людей можно видеть квадратные мониторы 1280х1024.
Итого: 1024, 1280, 1366, 1600, 1920 пикселей по ширине.
Планшеты и смартфоны хоть и могут иметь чуть ли не 4к дисплеи, но методика отображения немного иная. Имеет смысл версия для смартфонов на 360-400 пикселей по ширине (старые смарты), хотя я обычно выставляю ширину сайта в 100% и задаю диапазон от 360 до 500-600 пикселей. Для планшетов 640-1024 пикселя.
Как-то так.
В любом случае, мои последние работы адекватно выглядят на старых андроид смартах, на iPhone 3G, на iPhone 6s, на разных айпадах и на всех мониторах.
Простой
