小屏幕媒體查詢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不顯示滾動條（我不知道這是否是他們的限制還是我自己）。