css - 移动查询接管桌面视图

Question

写在我的样式表顶部的这段代码应该在桌面视图中将我的文本颜色更改为红色

.info-paragraph{
   color: red;
}

手机显示同码媒体查询

@media screen and (min-width: 768px){
    .info-paragraph{
      color: white;
      font-size: 2.855rem;
      line-height: 3rem;
      font-family: 'Mallanna', sans-serif;
      font-weight: 900;
    }

结果： 我的代码与手机设置的媒体查询完美配合，但很奇怪为什么color:red在桌面视图中不起作用。我做错了什么伙计们？

标签： cssmedia-queries

Answer 1

您应该尝试使用max-width 而不是 min-width，媒体查询中的所有内容都应该运行良好！