Css @媒体查询被忽略

我有两个媒体问题。一个最大宽度为：1919px，另一个最大宽度为2000px

最大宽度为1919px的查询可以工作，但当使用我的1080p（1920px）屏幕时，最大宽度为2000px的查询将被完全忽略，并使用默认css。我不明白为什么会这样？我一直在试图弄清楚在开发者模式下发生了什么，但仍然没有弄清楚到底是怎么回事。我尝试过的其他方法是使用最小宽度和最大宽度，但仍然没有运气

 /*BEING IGNORED NOT WORKING*/
@media screen and (max-width: 2000px) { 

.left{
width: 60px; /* Set the width of the sidebar */
}

.right{
width: 60px; /* Set the width of the sidebar */
}


}
/* WORKS */

@media screen and (max-width: 1919px) {

.left{
position:absolute;
height:0px;
width:0px;
visibility:hidden;
}

.right{
position:absolute;
visibility:hidden;
width:0px;
}

  }

---

我的回答是：如果打开JavaScript控制台并键入

innerWidth

，结果是什么？呃，当你说“使用默认CSS”时，你的意思是应用了

max width:1919px

部分吗？因为除非你的视窗横跨显示器的整个宽度，没有窗口边框和滚动条，否则在1920像素宽的屏幕上是可以看到的。innerWidth说1679，很好的技巧，顺便说一句，谢谢。但是，如果我将max width:1919px更改为max width:1920px，css查询将应用于笔记本电脑。如果打开样式检查器（右键单击

.left

或

.right

元素并选择“Inspect element”），哪些规则显示为已应用，哪些规则被删除？