测试媒体查询

2013-03-15 77 views 0 likes

我写了一些媒体查询如下，但当我试图测试它们似乎他们不工作，我正确地认为媒体查询测试屏幕尺寸而不是浏览器尺寸？测试媒体查询

如果是这样的话，如何测试媒体查询是否在笔记本电脑上工作为im“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;} 

}

来源

2013-03-15 sam

http://stackoverflow.com/questions/6747242/what-is-the-difference-between-max-device-width-and-max-width-for-mobile-web – j08691 2013-03-15 17:12:10

媒体查询观看视口（可浏览浏览器区域）尺寸，而不是屏幕（显示器）尺寸。 – isherwood 2013-03-15 17:23:20

回答

-3

媒体查询不符合屏幕尺寸。 - 它们匹配浏览器的大小就调整窗口大小

有此in Firefox工具和同样的事情都在Chrome过。

来源

2013-03-15 18:05:46

媒体查询可以同时匹配。max-width：将与浏览器匹配，max-device-width：will matc h屏幕 – sam 2013-03-15 18:07:22

你是对的 - 无视这个答案。 – 2013-03-15 22:37:31

测试媒体查询

回答

相关问题