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

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

如果文档宽度小于1300像素，则加载css

<link type="text/css" rel="stylesheet" media="screen and (max-width:1300px)" href="http://www.mamicode.com/static/ns/css/_index_s.css">

CSS3 @media 查询