#css #media-queries
Вопрос:
Обычно я разрабатываю на своем Mac, но недавно получил ноутбук с Windows для тестирования и заметил, что мой медиа-запрос, похоже, запускается при меньшей ширине экрана. Не уверен, есть ли просто разница в том, как измеряется Windows, или что-то в этом роде, поскольку фактическое содержимое выглядит одинаково на обоих экранах, хотя размер говорит о том, что оно разное.
На этом скриншоте вы можете видеть, что ширина экрана составляет 752, а навигация перешла в режим рабочего стола, что, согласно моему медиа-запросу, не должно произойти до 768. снимок экрана Windows
На моем mac в 752 навигатор все еще находится в мобильной версии скриншот mac в 752
И на моем mac в 768 код рабочего стола запускается, как и ожидалось, скриншот mac в 768
Расстояние и содержимое между компьютером Mac 768 и машиной Windows 752 на самом деле выглядят одинаково, поэтому, возможно, Windows просто измеряется по-разному, но я не уверен и никогда не видел этого раньше. Если я напишу запрос @media(минимальная ширина: 768 пикселей) Я ожидал бы, что это будет результатом, поэтому это довольно странно.
Также на машине с Windows в Chrome dev tools если я нажму на опцию эмулятор устройства, то ширина экрана будет точно такой, как ожидалось.
снимок экрана Windows с использованием эмулятора устройства
Кто-нибудь еще заметил это и знает почему?