Архив за день: 04.06.2020



Firefox: Режим адаптивного дизайна

Мне потребовалось проверить, как будет выглядеть измененная тема WordPress на мониторах с большим экраном.
Мой монитор имеет максимальное разрешение 1920×1200, мне же было необходимо проверить отображение на мониторах с разрешением примерно 2560×1080.
Сначала я нашёл сайт с возможностью протестировать отображение необходимого разрешения онлайн, в окне с виртуальным экраном. Но позже узнал о том, что подобный функционал уже встроен в Firefox.
1. Открываем страницу с сайтом, отображение которого необходимо проверить:
https://dentnt.trmw.ru/
2. Переключаемся в «Режим адаптивного дизайна»
ToolsWeb DeveloperResponsive Design Mode (Ctrl+Shift+M )

Если изменён глобальный масштаб в Firefox:

user_pref("layout.css.devPixelsPerPx", "1.15");

То визуально размер сайта будет отображаться некорректно!
То же относится и к изменённому глобальному масштабу операционной системы.