爲什麼使用@media屏幕？

Question

使用@media screen的目的是什麼？

我是使用@media查詢的新手，我不明白爲什麼您需要screen。

@media print我可以理解，因爲它允許您在打印頁面時更改代碼，但當然screen只會給出與使用標準css相同的輸出？例如： -

@media screen { #id {display:none; } } 

VS

#id {display:none; } 

當然，你只會得到相同的輸出，所以會是什麼screen好處？

我還不明白它還有其他好處嗎？

Answer 1

噹噹前媒體不是screen時，這將不匹配。打印或投影時。

您假定screen是默認值，其他所有值都是例外值，用更具體的規則覆蓋，但實際的默認值是@media all。