媒体查询以错误的宽度打破

Question

我有一条媒体查询规则

@media only screen and (min-width: 768px) and (max-width: 1080px) {

我知道1080是一个奇怪的数字，这只是为了测试......

话虽这么说，当我调整页面大小时，当页面宽度为1190px时，背景颜色（我用来测试断点可视化的内容）会发生变化。

发生这种情况的原因是什么，我该如何解决？

由于

更新还有其他人听说过这种情况吗？我使用Semanitc UI，不确定这是否与此问题有关，我仍然无法解决它。

Answer 1

试试这个

@media (min-width: 768px) and (max-width: 1190px) {
      your CSS
}