测试媒体查询

Question

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

如果是这样，你如何测试媒体查询是否在笔记本电脑15“上工作，连接到22”外部显示器，我要测试的样式是用于1300px以下的屏幕即。 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

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

这个in Firefox有一些工具，Chrome也是如此。