0

Столкнулся с такой проблемой. Мне необходимо, чтобы блок скрывался при ширине экрана меньше или равен 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
  • Какой браузер вы используете? Так как у меня всё работает
    – Miha
    10 мар 2022 в 15:08

1 ответ 1

0

Я использую Opera и у меня всё в порядке. Попробуй обновить через Ctrl + F5 для обновления страницы вместе с кэшем. Проверь сохранения файла и из той ли директории ты запустил сайт

Если не помогло - используй display: none !important;

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.