当视口初始比例为0.5时，媒体查询不起作用

Question

我正在尝试定位多个设备，并将肖像和风景分开，我使用的媒体查询是：

  @media only screen 
  and (min-width : 320px)
  and (max-width : 360px) {
    body {
      background-color: red;
    }
  }
  @media only screen 
  and (min-width : 360px)
  and (orientation: landscape) {
    body {
      background-color: blue;
    }
  }

虽然页面具有初始比例1.0，但它的工作正常，但是一旦将其更改为0.5（我为支持iPhone做了一些修改），它就会忽略红色背景（纵向模式）。

我制作了一个简单的网页，以便您亲眼见证：http://s-goldy.com/viewport.html （0.5和1是调整元视口的按钮）

同样的问题也在我的HTC One S上重现。

谢谢！