使用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;
    }
    }

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)