У современных телефонов CSS-ширина viewport лежит примерно между 360 и 440 пикселями, у планшетов между 744 и 1032. Компактные Android-телефоны дают 360, iPhone 375–440, крупные Android-смартфоны 412 и больше, iPad mini 744, а 11- и 13-дюймовые iPad от 820 до 1032. Ниже числа по каждому устройству, объяснение, почему значения для Android расходятся от источника к источнику, и короткий список ширин для проверки.
Выберите устройство в превью ниже, введите адрес и посмотрите свой сайт в этом размере.
Какие ширины важны
Тестировать каждую модель не нужно. Реальный разброс закрывают такие ширины:
| Ширина в CSS-пикселях | Типичные устройства | Зачем проверять |
|---|---|---|
| 320 | iPhone SE (1-го поколения), iPad в Split View | Самая узкая ширина, на которой ничего не должно ломаться |
| 360 | Galaxy S24 и S25, OPPO A6x, многие Android среднего класса | Обычная компактная ширина Android |
| 375 | iPhone SE (2-го и 3-го поколения), модели mini | Всё ещё встречается на старых iPhone |
| 390–393 | iPhone 14–16, Redmi Note 14 | Основная ширина iPhone |
| 402 | iPhone 17, 17 Pro, 18 Pro | Текущий базовый iPhone |
| 412–414 | Pixel 7–10, Galaxy S24+ и Ultra | Обычная ширина крупного Android |
| 430–440 | iPhone Plus и Pro Max | Самые широкие обычные телефоны |
| 744–768 | iPad mini, старые 9,7-дюймовые iPad | Небольшие планшеты |
| 820–834 | iPad (A16), iPad Air 11, iPad Pro 11 | Стандартный планшет в портрете |
| 1024–1032 | iPad Air 13, iPad Pro 12,9 и 13 | Большой планшет в портрете, маленький ноутбук в ландшафте |
Android-телефоны: почему цифры расходятся
Единой официальной таблицы для Android нет, а публичные списки не совпадают. Screen Size Checker даёт для Galaxy S25+ viewport 412 × 891, а WhatIsMyScreenSize — 480 × 1040. Оба делят разрешение матрицы на оценочную плотность пикселей, а у Android она часто дробная (2,625; 3,125; 3,25), поэтому небольшая разница в оценке сдвигает ширину на десятки пикселей. Оба сайта сами называют свои значения приблизительными.
В таблице ниже значения, по которым источники сходятся или которые заданы как пресет в нашем инструменте, остальное помечено как приблизительное:
| Устройство | CSS viewport (портрет) | Плотность пикселей |
|---|---|---|
| Galaxy S24, S25 | 360 × 780 | 3 |
| OPPO A6x | 360 × 785 | 2 |
| Galaxy S24+, S24 Ultra, S25 Ultra (приблизительно) | 412 × 891 | 3,5 |
| Pixel 8 | 412 × 915 | 2,625 |
| Pixel 9, Pixel 10 | 412 × 923 | 2,625 |
| Pixel 9 Pro, Pixel 10 Pro | 410 × 914 | 3,125 |
| Pixel 9 Pro XL, Pixel 10 Pro XL | 414 × 921 | 3,25 |
| Galaxy Z Fold6, внешний экран | 323 × 792 | 3 |
| Galaxy Z Fold6, раскрытый | 619 × 720 | 3 |
Из-за складных телефонов стоит проверить ширину меньше 360 и ещё одну около 620–720. В раскрытом виде они оказываются между телефоном и планшетом, и макет, рассчитанный только на два края, может выглядеть там растянутым.
iPhone
Ширины iPhone документированы хорошо: от 320 у первого SE до 440 у моделей Pro Max, а между ними 375, 390, 393, 402, 420 и 430. Полный список с разрешениями и плотностью пикселей есть в таблице viewport iPhone.
iPad и другие планшеты
Viewport планшетов в портрете по списку iPad на Screen Size Checker. В ландшафте ширина и высота меняются местами, плотность пикселей у всех iPad равна 2.
| Модель | CSS viewport (портрет) |
|---|---|
| iPad mini (A17 Pro, 6-го поколения) | 744 × 1133 |
| iPad (9-го поколения) | 810 × 1080 |
| iPad (10-го поколения, A16), iPad Air 11 | 820 × 1180 |
| iPad Pro 11 (2018–2022) | 834 × 1194 |
| iPad Pro 11 (M4) | 834 × 1210 |
| iPad Air 13, iPad Pro 12,9 | 1024 × 1366 |
| iPad Pro 13 (M4) | 1032 × 1376 |
С iPad сложнее, чем кажется по таблице, по двум причинам. Во-первых, Safari на iPad по умолчанию запрашивает десктопную версию сайта, так что страница может получить десктопный макет при ширине 820 пикселей (см. как посмотреть сайт как на iPad в Chrome). Во-вторых, многозадачность сужает окно: в заметках о viewport Максимилиано Фиртмана для Split View и Side View указаны ширины от 320 до 694 пикселей, то есть планшетный макет может получить ширину телефона. Без метатега viewport iPad, по тем же заметкам, строит страницу шириной 980 пикселей.
Как узнать реальный размер на своём устройстве
Справочные таблицы — только отправная точка. Чтобы увидеть, что сообщает ваше устройство, откройте консоль браузера или любую страницу, которая это выводит, и выполните:
`${innerWidth} × ${innerHeight} @ ${devicePixelRatio}x`На результат влияют настройки: масштаб экрана и размер отображения у Samsung, масштаб текста в браузере, свёрнута ли адресная строка и ориентация. Почему высота всё время меняется, объясняет статья что такое viewport.
Какие ширины проверять
Для Android проверьте 360 и 412, для iPhone 390 и 402, для планшетов 744 и 834, затем добавьте 320 как стресс-тест и ландшафтный вид одного телефона и одного планшета. Не превращайте эти числа в брейкпоинты: брейкпоинты, привязанные к устройствам, быстро устаревают, а брейкпоинты адаптивной вёрстки должны ставиться там, где ломается ваш собственный макет. Размеры нужны для проверки, а весь порядок действий описан в статье как тестировать адаптивный дизайн.
Частые вопросы
Под какой размер экрана делать мобильный сайт?
Начните с ширины 360–390 пикселей и дайте макету растягиваться примерно до 440. Не задавайте контейнерам фиксированную ширину в пикселях, тогда страница будет работать и при 320, и на раскрытых складных телефонах.
Размер экрана телефона и его viewport — это одно и то же?
Нет. Разрешение экрана считает физические пиксели, а viewport считает CSS-пиксели, то есть разрешение, делённое на плотность пикселей. Дисплей iPhone 1206 × 2622 даёт viewport 402 × 874.
Почему мой телефон показывает не такой размер, как в таблицах?
Справочные списки оценивают плотность пикселей, а устройство ещё применяет собственный размер отображения, масштаб и настройки браузера. Если числа расходятся, верьте значению из своего браузера.
Источники: списки Screen Size Checker для Android и для iPad (проверка данных 24 сентября 2026 года, сам сайт помечает значения как непроверенные); WhatIsMyScreenSize, CSS viewport Android (31 июля 2026 года, приблизительно); Maximiliano Firtman, viewports; YesViz, Galaxy S25. Перед тем как опираться на значение, сверьте его с вашими устройствами.