CSS媒体最大宽度无法正常工作

Question

我试图在屏幕小于600像素时操纵视图。 由于某种原因，它不适用于此宽度，仅适用于更大的宽度。

*出于测试目的，当屏幕小于600像素时，我试图隐藏整个身体。

这是我的代码： https://codepen.io/eyalankri/pen/qzbdVm

如果您更改此设置：

 @media (max-width: 600px) {
        body{display: none}
  }   

为此：

@media (max-width: 1000px) {
        body{display: none}
  }  

它将起作用。

有人可以帮助我了解为什么它不适用于600px吗？ 谢谢。