CSS3媒體查詢

Question

這兩條指令有什麼區別？

@media screen and (max-device-width: 480px) {} 

和

@media only screen and (max-device-width: 480px) {} 

Answer 1

「僅僅」也可用於隱藏從舊 用戶代理樣式表的關鍵字。用戶代理必須處理僅以 「僅」開始的媒體查詢，就好像「唯一」關鍵字不存在一樣。

從http://www.w3.org/TR/css3-mediaqueries/

在實際使用場景中，only screen查詢用於靶向支持現代CSS特定的移動瀏覽器。

從http://www.alistapart.com/articles/return-of-the-mobile-stylesheet

更清楚地

，前綴媒體查詢與「唯一」的關鍵字會造成不兼容 CSS3的瀏覽器忽略規則。

從http://www.html5rocks.com/en/mobile/mobifying.html