CSS3 @media属性

例子：

@media screen and (max-width: 300px) {
    body {
        background-color:lightblue;
    }
}

语法

针对不同的媒体使用不同的CSS代码：

@media mediatype and|not|only (media feature) {

　　CSS-code;

}

针对不同的媒体使用不同的CSS文件：

<link rel="stylesheet" media="mediatype and|not|only (media feature)" href="mystylesheet.css">

媒体类型（mediatype)

all 用于所有设备

print 用于打印机和打印预览

screen 用于电脑屏幕，平板电脑，智能手机等

speech 应用于屏幕阅读器等发声设备