媒体查询在chrome上无法正常工作。但是在Firefox上没问题

Question

h1 {
  color: blue;
}
@media only screen and (min-width: 480px) {
  h1 {
    color: red;
    font-weight: bold;
  }
}

<h1>Why me red on chrome devtools iphone5(width: 320px)</h1>

在chrome调试工具中，上面的代码会显示为

但在firefox中，它看起来像：

顺便说一句，我的chrome是最新版本

我应该做一些配置来使我的Chrome工作吗？