通过 Media Queries,可以给不同的设备设置不同的样式。
@media screen {
}
@media print {
}
@media only screen and (min-width: 320px) {
}
注意:(min-width: 320px)
的括号不能少。
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 980px) {
}
@media only screen and (max-width:320px) and (max-height: 480px) {
}
@media only screen and (orientation : landscape) {
}
@media only screen and (orientation : portrait) {
}