Chrome设备预览已损坏？

Question

我对尝试做响应式设计的行为感到非常困惑。我不能真正说出来，但this应该表明问题。

我用于此测试的代码是here。值得注意的是媒体查询：

@media screen and (max-width: 425px) {
  .container {
    flex-direction: column;
  }
}

为什么在“设备预览”视口的宽度小于425px时不会触发此查询？