css---媒体查询

简单示例：

<style type="text/css">
/* 小于 300的时候 */
@media screen and (max- 400px){
    body{background:red;}
}
/* 大于 300的时候 */
@media screen and (min- 500px){
    body{background:orange;}
}
@media screen and (min-700px) and (max-900px){
  body {background:yellow;}
}
@media screen and (min- 800px){
    body{background:green;}
}
</style>

标签示例：

<link rel="stylesheet" media="(max- 800px)" href="example.css" />

<link rel="stylesheet" media="only screen and (max-device-240px)" href="android240.css" />

<link rel="stylesheet" media="(min-701px) and (max-900px)" href="mediu.css" />