Я теряю стандартные стили, когда я использую медиа-запрос в моем CSS3

Question

/*------standard CSS file----------*/
.title{
   font-size:45px;
}

@media only screen and (max-width:768px){

      .title{
          font-size:20px;
      }
}

<h1 class="title">MY Title</h1>

Я использую обычный заголовок и задаю ему размер стиля при нормальном размере экрана, но когда я задаю медиазапрос, он применяет стиль во всех случаях.экран

Answer 1

Вы должны подтвердить, что размер экрана, на котором вы тестируете, больше, чем тот, на который настроен ваш медиазапрос.Если он меньше, чем 768px, который вы установили, он установит любой медиазапрос.