由于css有优先级,所以@media only screen and (max-width:xxxpx)}{}里面的元素选择,若在下面的html中样式中也有该元素选择,即后面优先

解决办法①:将media中设置的属性全部后面加入! important  (不推荐)

例如:

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

      .file{width:50px !important;}

}

 

解决办法②:将media的位置放在样式表的最后就可以了

 

您或许感兴趣

[2017-09-07]window下自动备份文件夹
[2017-09-03]wp更改为子路径后,输入根目录为wp首页
[2017-09-22]java中16进制字符串转换成十进制遇到unsigned问题
[2017-10-01]IE/Edge浏览器元素设置position:fixed后滚动屏幕闪跳

发表评论

电子邮件地址不会被公开。