140 · Дизайн и уеб

Тестер за отзивчив размер на екрана

Въведете адрес на страница и изберете размер на устройството, за да видите как реагира оформлението.

Вашите данни: Визуализацията се свързва с адреса, който зареждате. Този уебсайт получава посещения и обработва данни съгласно собствената си политика за поверителност. Подробности за поверителност

Тестер за отзивчив размер на екрана

Много сайтове отказват да бъдат показвани в други страници. Работи най-добре с вашия собствен сайт или локален сървър за разработка.

Как да използвате тестера за размер на чувствителен екран

  1. Въведете адреса на страницата за тестване.
  2. Изберете устройство или въведете персонализиран размер.
  3. Заредете страницата и завъртете, за да проверите хоризонтално.

Ограничения

Страницата се зарежда в рамка с точната ширина, която изберете, така че нейните CSS медийни заявки се държат като на този екран. Много сайтове, включително големи платформи, отказват да бъдат показани в рамките и ще видите празна страница или страница с грешка. Работи най-добре с вашия собствен сайт или локален сървър за разработка. Той не емулира докосване, потребителски агент на телефона или съотношение на пикселите на устройството; за това използвайте инструментите за разработчици на вашия браузър.

Примери

390 × 844

Типичен модерен телефон

1024 × 768

Таблет в пейзаж

Въпроси

Защо страницата е празна?

Сайтът вероятно блокира показването в други страници (X-Frame-Options или frame-ancestors). Това е настройка за сигурност на този сайт.

Автоматичен превод. Прегледайте важни резултати.