CSS3系列四（Media Queries移动设备样式）_html/css_WEB-ITnose

<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0" />

<link href="small.css" rel="stylesheet"  media="screen and(max-width:600px)"/>

@media screen and (max-width:600px) {    .demo {        background-color:red;    }}

<link href="small.css" rel="stylesheet"  media="screen and(min-width:600px) and(max-width:900px)"/>

@media screen and (min-width:600px) and (max-width:900px) {    .demo {        background-color: red;    }}

    <link href="protrait.css" rel="stylesheet"  media="all and(orientation:portrait)"/>    <link href="landscape.css" rel="stylesheet"  media="all and(orientation:landscape)"/>