Как эмулировать отображение в высоком разрешении для проблем веб-макета

Question

У меня есть веб-сайт, на котором возникают проблемы с макетом на некоторых устройствах, и я считаю, что я отследил его до дисплеев с высоким разрешением, которые также имеют масштабирование экрана в Windows 10, установленное на 200%.(не 200% в браузере, а в настройках дисплея на панели управления Windows)

Проблема в том, что у меня нет устройства, которое может дублировать разрешение этих устройств, которое составляет 2736 x 1824 (это MS Surface Pro).О да, это происходит только с Edge ...

Я знаю сайты, на которых есть виртуальные машины, на которых будут запускаться разные браузеры для тестирования, но я не знаю ни одного, который позволял бы вам выбирать разрешение.Не выходя и не овладев этой конкретной машиной, как еще я могу отладить эту проблему?

Answer 1

Оказалось, что ни один из параметров эмуляции / масштабирования в консоли разработчика не будет эмулировать то, что действительно происходит. Я закончил удаленным взаимодействием с компьютером клиента, чтобы я мог самостоятельно выполнить отладку и решил проблему.

Похоже, что Edge v 44 неправильно вычислял некоторую функцию вычисления CSS для высоты div (отключено на 1 или 2 пикселя), из-за чего некоторые div'ы выталкивали и портили макет.

Исправление состояло в том, чтобы настроить CSS, чтобы вычисление не требовалось.

Answer 2

Вы можете создать пользовательское устройство в консоли разработчика и просто отобразить его в любом масштабе, который в действительности уместится на вашем экране.Например, создайте пользовательское устройство с этим конкретным разрешением, а затем в консоли разработчика в Chrome вы можете просмотреть его уменьшенное на 50% (если ваше собственное разрешение составляет 1920x1080), так что все это будет видно.