Разрешающие способности устройств влияют на выбор размера сайта следующим образом: физический размер устройства учитывают при дизайне кликабельных элементов, но в основном размер сайта выбирают под разрешение, а ширину и высоту его контентной области определяют с учётом браузерных отступов. 1

Также нужно помнить об ориентации экранов: у ноутбуков, десктопов и телевизоров она альбомная (ширина больше высоты), а у смартфонов и планшетов обычно портретная (высота больше), но может переворачиваться. 1

Для учёта разных разрешений устройств при выборе размера сайта используют адаптивную вёрстку. 13 Она позволяет корректно отображать сайт на экранах с любым разрешением: элементы не наползают друг на друга, не получаются слишком мелкими или крупными. 3

Усреднённые разрешения для адаптивной вёрстки: 1600 пикселей — для компьютеров, 960 пикселей — для планшетов, 375 пикселей — для телефонов. 3