@AndrewChirkov
Верстальщик

Почему медиа запрос в разных браузерах работает по-разному?

Почему данный медиа-запрос в браузере Firefox работает идеально, брекпоинт срабатывает на 768px как и указано в css, а в Chrome он срабатывает на 613px? (на 613 логотип еще должен отображаться)
Кроме этого медиа-запроса других больше нет!

КОД LESS :

.content {
 display: flex;
 justify-content: center;
 width: 100%;
 height: 75px;
 background-color: @black_color;
}

.logo {
 height: 75px;
 width: 65px;
 margin-top: 10px;
 margin-bottom: 15px;
 margin-right: 10px;
}

@media (min-width:768px) {
 .logo {
  display: none;
 }
}


КОД HTML:
<div class="content"> 
 <a href="#"><img class="logo" src="img/logo/logo.png" alt="logo"></a>
 </div>


5f63389ebf704024902862.jpeg
5f6338b17acbf664504423.jpeg
  • Вопрос задан
  • 80 просмотров
Пригласить эксперта
Ответы на вопрос 2
Psixodelik
@Psixodelik
Преподаватель на Hexlet
Только что проверил в хроме — ошибок нет. Какая версия браузера и каким образом проверяешь?
Ответ написан
Lord_Dantes
@Lord_Dantes Куратор тега CSS
Чат джунов t.me/developersjunior
Попробуйте так
@media screen and (min-width: 768px)
Ответ написан
Ваш ответ на вопрос

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

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