关于媒体查询不能生效的原因

问题

今天写媒体查询,遇到了个问题,卡了很久,引入三个样式:mainPageCommon.css、mainPageBig.css、mainPageSmall.css。其中的两个样式可以生效,但是大尺寸的媒体查询不能生效,这里很奇怪!!

我尝试了很多,在小尺寸的媒体查询的css中设置不同的宽度,边距,颜色等等,尝试了增加样式的权重……

关于媒体查询不能生效的原因_第1张图片

尝试了将不生效的放到前面,还有修改他的尺寸范围,这些都解决不了问题。

解决

  • 在确定不是css样式的问题之后,可能是在and后面没有空格,而且不容易发现,格式化也不能自动修正。关于媒体查询不能生效的原因_第2张图片
  • 括号中的内容内容不能写结束符“;”

关于媒体查询不能生效的原因_第3张图片

  • 每个语句结束要加分号 

 关于媒体查询不能生效的原因_第4张图片

你可能感兴趣的:(媒体)