@media screen and (max-width: 480px) {
(智慧型手機專用樣式)
}
@media screen and (min-width: 481px) and (max-width: 768px) {
(平板電腦專用樣式)
}
@media screen and (min-width: 769px) {
(電腦專用樣式)
}
區段的順序雖然可以變換，但如果考量CSS的執行效率，則建議從小畫面往大畫面撰寫樣式，這種作法不只寫起來更有效率，也可以提升可讀性。
