问题
今天写媒体查询,遇到了个问题,卡了很久,引入三个样式:mainPageCommon.css、mainPageBig.css、mainPageSmall.css。其中的两个样式可以生效,但是小尺寸的媒体查询不能生效,这里很奇怪!!
我尝试了很多,在小尺寸的媒体查询的css中设置不同的宽度,边距,颜色等等,尝试了增加样式的权重……
尝试了将不生效的放到前面,还有修改他的尺寸范围,这些都解决不了问题。
解决
- 在确定不是css样式的问题之后,可能是在and后面没有空格,而且不容易发现,格式化也不能自动修正。
- 括号中的内容内容不能写结束符“;”
- 每个语句结束要加分号