使用imac pro 5k屏幕进行Web开发

如何解决使用imac pro 5k屏幕进行Web开发

我将媒体查询设置为在992px和1200 px之间触发。

我使用Chrome开发者工具监控屏幕宽度。

但是该查询在793px和959px之间触发。

我已经尝试过媒体查询“最小分辨率”等。

但是无法确定当屏幕宽度恰好在992px和1200px之间时，如何确保id＃deh4变为红色。

当前的媒体查询代码为：

  @media
    only screen and (-webkit-min-device-pixel-ratio: 1.3) and (min-width: 992px) and (max-width: 1200px),only screen and (min-device-pixel-ratio: 1.3) and (min-width: 992px) and (max-width: 1200px),only screen and (min-resolution: 180dpi) and (min-width: 992px) and (max-width: 1200px)
    {
      #deh4 {
        color:red;
    }
    }