CSS：显然不应调用媒体查询

Question

我将使其简单化：

这是示例项目整个范围中的唯一代码，它将背景变成红色。

@media only screen and (min-width: 768px) and (orientation: portrait) {
        background: red;    
    }

我无法解释为什么min-width明显位于768px以下时，为什么在此Chrome响应式模拟器中看到红色背景：

Answer 1

我无法复制该问题。既然您说这是唯一的代码，难道不应该有CSS类选择器吗？

@media only screen and (min-width: 768px) and (orientation: portrait) {
    .someClassName {
      background: red;    
    }
}

Answer 2

答案是我使用的是min-width而不是min-device-height-一旦我切换到device-height对比height，事情就开始起作用了。