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");

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

@media (min-width: 768px)

 



Подписаться
Уведомление о
guest
0 Комментарий
Oldest
Newest Most Voted
Inline Feedbacks
View all comments