小屏幕媒体查询css

Question

问题：如何使用css @media将所有屏幕定位在1024x600以下？

我需要告诉所有小监视器屏幕使用overflow-x：scroll。

语境：我不得不使用下面的CSS规则的HTML和BODY标签两种：

溢出-X：隐藏重要的;

（否则某些动画造成难看的水平滚动条出现在页面上。）

但现在，使用更小的屏幕来观看我的网站的时候，这将是很好，如果用户可以水平滚动页面。

我会继续寻找一个这样做的CSS片段，但我发布这个，因为该网站刚刚上线，它即将受到吨流量，所以我需要快速。

Answer 1

我很快找到答案（http://www.javascriptkit.com/dhtmltutors/cssmediaqueries.shtml），但我仍然需要弄清楚如何在线测试。

/* CSS that's applied when the viewing area's width is 800px or less */ 
@media screen and (max-width: 800px){ 
    html{ 
    overflow-x:auto !important; 
    } 
    body{ 
    overflow-x:auto !important; 
    } 
} 

究竟应该怎样去考，如果这实际工作，因为testsize.com不显示滚动条（我不知道这是否是他们的限制还是我自己）。