摘要：
格式元素设置：body{background-color:#0033FF;}/*媒体查询:当页面宽度最大为960px时*/@mediascreenand{/*body背景颜色为*/body{background-color:#FF6699}}@mediascreenand{body{background-color:#00FF66;}}@mediascreenand{body{background-color:#6633FF;}}@mediascreenand{body{background-color:#FFFF00;}}body元素设置：myfirst@media
格式（style：{}）元素设置：
body{background-color:#0033FF; } /*媒体查询:当页面宽度最大为960px时*/@media screen and (max- 960px){ /*body背景颜色为*/body{ background-color:#FF6699 }} @media screen and (max- 768px){body{ background-color:#00FF66; }} @media screen and (max- 550px){body{ background-color:#6633FF; }} @media screen and (max- 320px){body{ background-color:#FFFF00; }}
body元素设置：
<body>
<p>my first @media</p>
</body>