CSS3

@media

根据媒体类型不同可以定义不同的样式
支持的媒体类型: http://www.runoob.com/cssref/css3-pr-mediaquery.html

如果文档宽度小于 300 像素则修改背景演示(background-color):

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