我用css@media写的自适应，在分辨率1366px，和1440px时显示是错误的，帮我看看是哪里出错了。谢谢！

Question

![

图片描述][1]

![clipboard.
![clipboard.
![clipboard.

Qa0)
QaZ)
QaY)
VQP9r
![图片上传中...]

![图片上传中...]

![图片上传中...]

![图片上传中...]

Answer 1

请尽量使用多类名叠加或者加id来增加权重...important这种玩意能不用就不用

Answer 2

不懂你的意思，是代码没生效还是效果与预期有差别？
代码没生效就看代码有没有问题，生效了效果不对就改代码啊。

Answer 3

看情况应该456行的margin-left不生效，建议你看一下是不是有哪一个！important影响了

但是这种后台可以考虑使用adminLTE，而且你的代码有点问题，那么多！important，时间就了，你自己维护或者别人来维护会很头痛。

Answer 4

你可以 F12 看看生效的是哪一行代码 可能你媒体查询同时触发了两种情况 如果权值一样 后写的代码会覆盖之前的效果

Answer 5

赞同二楼的说法，应该是!important影响了，建议审查元素看看生效的样式是哪个

Answer 6

用媒体查询的时候，尽量用classs类增加权重；不要用!important；看看是不是!important的影响的。并且媒体查询的中的样式后面的覆盖前面的；看看是不是这种情况。