媒體查詢，screen and 和only screen and有什么不同

最佳答案：

彩屏設備 和 (最小寬度768px) 和 (最大寬度959px)

僅限 彩屏設備 和 (最小寬度480px) 和 (最大寬度767px)

在你發的代碼中其實沒有什么不同，用起來效果都是一樣的。

下面這樣用only才有效果：
@media all and (min-width:xxx) and (max-width:xxx){
/*這段查詢的all是針對所有設備(有些設備不一定是屏幕，也許是打字機，盲人閱讀器)*/
}

@media only screen and (min-width:xxx) and (max-width:xxx){
/*上面針對了所有設備，這段是只(only)針對彩色屏幕設備*/
}

 

原文：https://zhidao.baidu.com/question/1988207125664534747.html