更改瀏覽器中的css媒體類型

是否有一些方法可以爲瀏覽器指定默認媒體類型（比如說chrome），以便我可以測試css @media樣式？更改瀏覽器中的css媒體類型

@screen 
{ 
    div { background-color:red; } 
} 

@handheld 
{ 
    div { background-color:lime; } 
} 

<div style="width:100px;height:100px"></div>

這樣，我可以（不碰我的代碼）在瀏覽器中測試兩種媒體類型？更改媒體類型會改變上面div的顏色。鉻擴展，一些JavaScript或其他一些魔術將不勝感激。

難道這就是你要找的？

的Web開發人員擴展有一個名爲「顯示CSS按介質類型」功能。如果這並不能幫助你，你總是可以讓每個媒體類型的一個樣式表並使用進口CSS語句來指定哪些類型的負載：

@import url("handhelds.css") screen;

2010-10-13 07:54:19 Erik

埃裏克，感謝指針，這有助於很多。 – freddylindstrom 2010-10-13 20:42:52

好，讓我知道如果還有其他與此有關的事情，你還沒有得到答案。 – Erik 2010-10-18 08:30:26

伊利亞＃2寫道：this answer，我發現很容易和有益的：

有一個簡單的方法來測試手持CSS與media queries：由

@media handheld, screen and (max-width: 500px) { /* your css */ }

之後，你可以實現媒體查詢瀏覽器測試調整窗口的大小小於500像素。

就這樣！

2011-10-20 09:02:00

回答