当我在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

您需要确认要测试的屏幕尺寸大于设置为触发媒体查询的屏幕尺寸。如果小于您设置的768像素，则它将设置任何媒体查询。