一. @media 格式
@media all and (min-width:xxx) and (max-width:xxx) (亦可以寫成@media all and (min-width:xxx) and (max-width:xxx)) {
/*這段查詢的all是針對所有設備(有些設備不一定是屏幕,也許是打字機,盲人閱讀器)*/
}
@media only screen and (min-width:xxx) and (max-width:xxx){
/*上面針對了所有設備,這段是只(only)針對彩色屏幕設備*/
}
@media only screen and (min-width:1024px) and (max-width:1292px){ body div{ font-size:30px; color:red; } }