css - 测试媒体查询

Question

我已经写了一些媒体查询如下，但是当我尝试测试它们时，它们似乎不起作用，我认为媒体查询测试屏幕尺寸而不是浏览器尺寸是否正确？

如果是这样，您如何测试媒体查询是否在 15 英寸笔记本电脑上以即时通讯方式工作，连接到 22 英寸外部显示器，并且我要测试的样式适用于 1300 像素以下的屏幕，即。13" 及以下

@media only screen 
and (min-device-width : 500px) 
and (max-device-width : 1300px)  {          

    h1      {font-size:90px; margin-bottom: 60px;}

    h2      {font-size:27px; padding: 0 0 20px 0; }

    p       {font-size:18px; -webkit-font-smoothing: subpixel-antialiased;}

}

Answer 1

媒体查询与屏幕大小不匹配——它们与浏览器大小匹配。只需调整窗口大小。

Firefox 中有这方面的工具，Chrome 中也有同样的东西。