Html 媒体查询不适用于定义的像素

萨尔多

R$713,00 @介质（最大宽度：800px）{ 萨尔多先生{ 宽度：150px； } } 我定义了800px，但它只适用于530px。有人知道为什么会这样吗？

试试：

 <div class="col-md-4 saldos">
    <div class="saldo">
        <p>Saldo</p>
        <h1>R$ 713,00</h1>
    </div>
</div>


@media (max-width: 800px) {
    .saldo {
        width: 150px;
    }

}

---

我已经试过了，但也不起作用。无论如何谢谢你！你好，@Alicesti我想你搞错了嵌入文件CSS，我有个问题想问你，你是否无条件嵌入包含上述代码的CSS文件？尝试嵌入这样的代码

而不是这样的

，并将上面的代码放入print.css文件中另一个建议是您可以使用这种样式的

@媒体屏幕和（最大宽度：530px）和（最小宽度：800px），（最小宽度：1100px）{

如果这些解决方案不起作用，我可以建议使用jquery操作来解决您的问题如果您愿意，我很抱歉，这是我第一次使用stackoverflow。如果有帮助，我将向您展示我的html。@media screen and（max width:800px）{}它不起作用吗？您拥有的样式行可以在800px.530之前的设备上工作

@media only screen and (max-width: 800px) { 
   .saldo {
    width: 150px;
}

.saldo h1 {
    font-size: 25px;
}
}