ToolCabana

Размер экрана браузера

Мгновенно показывает размеры области просмотра, экрана и соотношение пикселей.

Favorites are saved in this browser. Find them in My favorites.

Как использовать Размер экрана браузера

Browser screen size shows your current viewport width and height in CSS pixels, plus the full screen size, available screen area, device pixel ratio, color depth and orientation. The viewport readout updates live as you resize the window or rotate the device, with no input required. Values come from standard browser properties such as innerWidth and devicePixelRatio.

  1. Откройте страницу, чтобы увидеть текущие размеры области просмотра и экрана.
  2. Измените размер окна браузера или ориентацию — измерение области просмотра обновится автоматически.
  3. Учитывайте соотношение пикселей и размеры CSS вместе, чтобы принять во внимание масштабирование дисплея.

Что поддерживает этот инструмент

Показывает область просмотра рабочего пространства, размеры экрана и доступной области в пикселях CSS, соотношение пикселей устройства, глубину цвета и ориентацию. Измерения области просмотра обновляются при изменении размера окна браузера. Встроенный фрейм выполнения сообщает собственные размеры области просмотра.

Ограничения и обработка

Пиксели CSS, о которых сообщает браузер, отражают масштабирование дисплея и средства защиты конфиденциальности; они не всегда совпадают с физическими пикселями экрана.

Частые вопросы

What is the difference between viewport size and screen size?

The viewport is the visible page area inside the browser window, which changes as you resize it. Screen size covers the whole display, and available screen excludes space reserved by the operating system, such as a taskbar.

Why doesn't the screen size match my monitor's resolution?

Browsers report CSS pixels, which are affected by display scaling, zoom and privacy protections. Multiply by the device pixel ratio for an approximate physical figure; on a 2x display, 1440 CSS pixels correspond to 2880 device pixels.

Does the viewport size update when I resize the window?

Yes. The tool listens for resize and orientation-change events and remeasures on the next animation frame, so the numbers follow the window as you drag it. Orientation shows a value such as landscape-primary when the browser reports one.

Где обрабатываются мои данные?

Эта операция обрабатывает исходные данные в вашем браузере. Копирование и скачивание выполняются только по вашему действию; входные данные не сохраняются в учётной записи или истории.

Каковы ограничения входных данных?

Пиксели CSS, о которых сообщает браузер, отражают масштабирование дисплея и средства защиты конфиденциальности; они не всегда совпадают с физическими пикселями экрана.