@nyrau_v_tvorojok

Проблемы с @media?

<div class="logo">
        <p>STYDER.</p>
      </div>

@media (min-width: @smon) and (max-width: @1600) {
  .logo p {
    font-size: 95px;
  }
}


Итог таков:
5fae7f0042218470686744.png

Все, вроде стоит правильно
<meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/adapt.css">


В чем может быть проблема?
  • Вопрос задан
  • 71 просмотр
Решения вопроса 1
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
Откройте в инспекторе вкладку "Вычислено" для нужного элемента, найдите там font-size и посмотрите весь ранжированный список правил.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@sand3001
Всего по немногу
файл CSS читается сверху вниз и принимается последнее подходящее значение,
у вас media идёт первой строкой, что не совсем правильно

Пардон, "не совсем правильно" если ниже есть переопределяющее подходящее свойство
Ответ написан
Ваш ответ на вопрос

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

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