@media запросы. Некорректное отображение блока
Столкнулся с такой проблемой. Мне необходимо, чтобы блок скрывался при ширине экрана меньше или равен 767px. А при ширине экрана больше или равен 768px появлялся. Но мой код почему-то не срабатывает. Мой код:
.promo_text_easy {
display: block;
width: 150px;
height: 150px;
background-color: orange;
}
@media screen and (max-width: 767px) {
.promo_text_easy {
display: none;
}
}<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>интенсив</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="promo_text_easy"></div>
</body>Ответы (1 шт):
Автор решения: Andromeda
→ Ссылка
Я использую Opera и у меня всё в порядке. Попробуй обновить через Ctrl + F5 для обновления страницы вместе с кэшем. Проверь сохранения файла и из той ли директории ты запустил сайт
Если не помогло - используй display: none !important;