Html 为什么宽度在我的媒体查询中不起作用？

我以前从未遇到过这个问题，但由于某些原因，我无法在媒体查询中修改宽度。在开发人员工具中，宽度显示为被划掉，就像我将其切换为不显示一样，但事实并非如此，它默认会这样做

我只是想改变这一点：

div.wrapper{
    display:block;
    width:100%;
}

为此：

.wrapper {
    width: 95%;
    margin: 0 2.5%;
}

我甚至尝试过将我的媒体查询包装器类更改为div.wrapper…但没有帮助

这是什么原因造成的

---

在媒体查询中，使用与以前相同的定义：

div.wrapper {
    width: 95%;
}

---

在css中，如果我们调用attribute.classnamediv.wrapper之类的元素，它将比调用.classname.wrapper具有更高的优先级

现在有两种方法可以解决这个问题

更改调用方法使用与调用主css和媒体查询相同的方法。 否则请给出一个附加属性'！包装中宽度后的“重要信息”

.包装纸{ 宽度：95%！重要； 利润率：0.2.5%； }

---

我想你应该读这篇文章：

当你使用CSS规则时，有优先权

---

例如，.column.consorts将优先于.consorts。关于.column.consorts问题，您应该执行相同的操作：

@media screen and (max-width: 640px)
{
    .column .sponsors {
        width: 90%;
    }
}

---

这不会修改.column声明。

我认为情况就是这样。我添加了一个屏幕截图。您的媒体查询是在删除它的CSS的其他部分之前还是之后调用的？媒体查询在原始样式表之后。我刚刚添加了一个新图像。将主css结构为.column.sponsors会影响在我的媒体查询中修改赞助商吗？它会部分地呈现什么列吗？我刚刚添加了一个新的图像。将主css结构为.column.sponsors会影响在我的媒体查询中修改赞助商吗？它会部分地接受什么列吗？这里发生的是'layout.css'会覆盖'index.php'的样式。这也可能是由于链接样式表的安排。最下面的一个将覆盖最上面的样式。因此，请检查链接样式表的排列。如果问题仍然存在，请添加！重要，宽度为.wrapper.wrapper{width:95%！重要，边距：02.5%，}