Почему @media применяется по другому в Safari?

Question

[Osoka_dev]

Safari 14.1.2

Суть вопроса следующая.
Начну с того, что
@media (min-width: 320px)
Начинает работать только с 375px (смотрю в Режиме отзывчивого дизайна)




Следующий медиа запрос @media (min-width: 400px) по идее должен начиная с 400px применять свои свойства, но на деле он начинает применять их только с 460px



Вот мой мета тег

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

ну да ладно, мобилку с 320 до 1024 сделать не проблема, но запрос медиа не цепляется за 1024, аналогично этим примерам. Ни @media (min-width: 1024px), ни @media (max-width: 1024px). Правило @media (min-width: 1024px) вступает в силу только, внимание, на 1170px. Ещё раз поясню, что смотрю я всё это в Режиме отзывчивого дизайна. Я допускаю, что на реальных устройствах всё может быть работает вполне нормально, но верстать я не в состоянии из-за проблемы с не корректным применением медиа запросов.

Хочу заметить, что в хроме на моём ноутбуке медиа запросы работают как нужно.

Answer 1

[Osoka_dev]

Ответ до смеха глуп, я не освоился ещё в самом браузере и сам того не заметив, случайно слегка изменил масштабирование. Проблема решена, сочетанием клавиш command/ctrl + 0 сбросил масштаб и все ведёт себя по стандартному.