Роздільна здатність екрана
Дізнайтеся роздільну здатність екрана, розмір вʼюпорта браузера, піксельне співвідношення, глибину кольору та орієнтацію — значення оновлюються наживо.
Результат
Заповнюєте баг-репорт, де питають вашу роздільну здатність, тестуєте адаптивну верстку чи просто цікаво, скільки насправді пікселів у екрана телефона? Ця сторінка зчитує все прямо з браузера: роздільну здатність, поточний розмір вʼюпорта, піксельне співвідношення, глибину кольору та орієнтацію.
Два числа, які найчастіше плутають, показані поруч. Роздільна здатність — це те, що повідомляє дисплей у CSS-пікселях; вʼюпорт — область, яку браузер реально віддає веб-сторінкам, і вона менша через панелі інструментів, смуги прокручування та розмір вікна. Змініть розмір вікна — значення вʼюпорта підуть слідом наживо.
Піксельне співвідношення (DPR) пояснює, чому ноутбук із заявленими 2880×1800 показує 1440×900: на екранах високої щільності кожен CSS-піксель малюється кількома фізичними. Інструмент показує співвідношення і множить назад, тож ви бачите і CSS-, і фізичну роздільну здатність дисплея.
Унизу є готовий до копіювання підсумковий рядок з усіма значеннями — вставте його в тікет підтримки, чекліст QA чи чат із дизайнером. Усе зчитується локально стандартними API браузера й не покидає ваш пристрій.