关于media的的使用规则,对于不同的浏览器设备或屏幕大小选择不同的css样式,可使用如下写法:
<link rel="stylesheet" type="text/css" href="styleA.css" media="screen and (min-width:800px)"/>
<link rel="stylesheet" type="text/css" href="styleB.css" media="screen and (min-width:600px) and (max-width:800px)"/>
<link rel="stylesheet" type="text/css" href="styleC.css" media="screen and (max-width:600px)"/>
当屏幕小于800px时使用styleA.css,当屏幕大小在600px--800px之间时使用styleB.css,当浏览器屏幕小于600px时使用styleC.css样式表。