Проверка адаптивности
Откройте адрес — страница покажется в рамке нужной ширины: от телефона 360 px до монитора 1920 px, с ползунком и поворотом экрана. Рядом — разбор верстки: тег viewport, media-запросы, точки перелома и типичные ошибки. Если сайт запрещает показ во фрейме, мы покажем его копию без скриптов.
Страница
Частые вопросы
Многие сайты запрещают показ во фрейме заголовками
X-Frame-Options или Content-Security-Policy: frame-ancestors — это защита от кликджекинга. Тогда мы показываем копию HTML без скриптов: вёрстка и media-запросы работают, но динамика (меню, подгрузка) — нет.Нет. Рамка меняет только ширину области просмотра: она не воспроизводит сенсорное управление, шрифты и особенности браузеров iOS и Android. Это быстрый способ найти очевидные проблемы, а окончательную проверку делайте на телефоне и в DevTools.
Те, на которых в CSS меняется раскладка — в media-запросах
min-width и max-width. Частые значения: 480, 768, 1024 и 1280 px. Хорошая практика — писать стили «сначала для телефона» и расширять их через min-width.