@Osoka_dev

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

Safari 14.1.2

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

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

Вот мой мета тег
<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. Ещё раз поясню, что смотрю я всё это в Режиме отзывчивого дизайна. Я допускаю, что на реальных устройствах всё может быть работает вполне нормально, но верстать я не в состоянии из-за проблемы с не корректным применением медиа запросов.

Хочу заметить, что в хроме на моём ноутбуке медиа запросы работают как нужно.
  • Вопрос задан
  • 88 просмотров
Решения вопроса 1
@Osoka_dev Автор вопроса
Ответ до смеха глуп, я не освоился ещё в самом браузере и сам того не заметив, случайно слегка изменил масштабирование. Проблема решена, сочетанием клавиш command/ctrl + 0 сбросил масштаб и все ведёт себя по стандартному.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы