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

Question

 <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;
    }

}

我定义了 800px，但它只适用于 530px。有谁知道为什么会这样？

Answer 1

尝试:

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

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