为什么媒体查询在具有相同分辨率的不同网站响应测试中显示出不同的外观

时间:2019-02-17 17:49:09

标签: css responsive-design media-queries

在编写媒体查询并在分辨率为1366 x 768的环境中对其进行测试时,我遇到了一些视觉差异,并且正在使用分辨率设置为1366 x 768的另一台显示器,并且还在另外两台显示器上进行了“测试您的网站响应能力”,并尝试其中两个与我的其他显示器进行比较,它们看起来都不同。

我正在使用的媒体查询是

@media screen and (max-height: 768px){
    #AttachMods.on-dock {
        width: 265px !important;
    }

    #AttachMods.on-dock #treelist {
        height: 100px !important;
    }

    #AttachMods.on-dock #TreeSelectItems {
        height: 100px !important;
    }

    #AttachMods.on-dock #ImagePath {
        height: 122px !important;
    }
}

这是我在显示器上设置为1366x768的样子

monitor

这是我在1920x1080笔记本电脑上的外观,但使用的是网站响应度测试仪(设置为1366x768)

RDC

这是另一种使用另一个响应度测试仪设置为1366x768的情况

SF

我的问题是,为什么这没有媒体设备,却是媒体查询的真正代表?

0 个答案:

没有答案