Практична технічна підтримка
Розмір екрана, масштабування і пікселі CSS
Зчитування розміру екрана переглядачем є корисним для підтримки, але це не завжди відповідає специфікації дисплея, надрукованій на коробці.
Останній перегляд:
Розмір екрана і простір переглядача відповідають на різні питання
Монітор може мати високу апаратну роздільну здатність, а переглядач повідомляє про менший логічний екран. Веб- сайт також має вміщуватися у вікно переглядача, яке може бути набагато вузьким, ніж сам дисплей. Перед діагностикою обрізаної форми або перекриваючихся кнопок визначте, яке значення ви порівнюєте.
Зрозуміти три основні показники
| Читання | Що він описує | Використовувати для |
|---|---|---|
| Розмір екрана, у пікселях CSS | Розміри екрана, повідомлені API переглядача. | Розуміння перегляду переглядачем дисплея, з урахуванням масштабування і поведінки конфіденційності. |
| Вікно переглядача, у пікселях CSS | Вікно перегляду компонування сторінки, а не зовнішня частина рамки переглядача. | Відтворення задачі адаптивного розкладання або порівняння ширин вікна. |
| Співвідношення пікселів пристрою | Відношення між пікселями пристрою і пікселями CSS у поточному середовищі навігації. | Пояснення щільності і деяких ефектів масштабування. Це не модель монітора або інвентар апаратного забезпечення. |
Чому масштабування і масштабування дисплея має значення
Пікселі CSS є одиницями компонування, а не обіцянкою одного фізичного пікселя на екрані. Масштабування операційної системи і масштабування сторінки переглядача може змінити зв’ язок між цими одиницями і дисплеєм. Вікно з однаковими зовнішніми розмірами може дати сторінці менше місця для компонування при більшому масштабуванні сторінки. Пересування переглядача між дисплеями також може змінити його середовище.
Збільшення за допомогою щипців на сенсорному пристрої відрізняється від звичайного збільшення сторінки: за допомогою цієї функції можна збільшити візуальне вікно перегляду без зміни вікна перегляду розкладки у такий же спосіб. Цей перевіряючий повідомляє про значення розкладки переглядача, отже, не кожна зміна видимого масштабу змінює номер вікна. Щоб дізнатися про визначення, які лежать в основі цієї функції, зверніться до розділу вікно перегляду розкладки і співвідношення пікселів пристрою.
Відтворити помилку компонування з однією керованою зміною
- Відкрити перевірка екрана і вікон у переглядачі.
- Записувати читання вікна з міткою, версію переглядача і будь- яке відоме збільшення сторінки.
- Порівняти ширше вікно. Якщо це можливо, також порівняйте звичайне масштабування сторінки переглядача без вилучення необхідних параметрів доступності.
- Повернутися до сторінки, на яку вплинула зміна, і повторити ту ж дію.
Наприклад, якщо кнопка вилучення перекривається у вузькому вікні, але не у ширшому, буде надіслано дані з обох вікон. Таким чином, розробник отримає корисну початкову точку для відтворення компонування. Це не доводить, що монітор несправний або що вам слід придбати монітор з більшою роздільною здатністю.
Захоплення корисної частини сторінки
Обрізаний знімок може показувати перекриття або відсутність елемента керування. Додавайте достатньо навколишнього вмісту, щоб пояснити, де воно відбувається, при цьому вилучайте назви, відомості про обліковий запис і приватні вкладки. Надіслайте його за допомогою надійного каналу підтримки служби з ваші переглянуті дані підтримки.
Якщо потрібна роздільна здатність власного дисплея
Перевірте параметри відображення операційної системи і технічні характеристики монітора. Множення показу екрана переглядача на співвідношення пікселів не є надійним способом перевірки роздільної здатності панелі, особливо у разі масштабування, віддалених сеансів, декількох екранів або налаштувань конфіденційності.