css-@media媒体查询多个样式表

使用多个样式表，即在头部中加入多个link链接多个样式。其摆放顺序很重要，下一个样式表会覆盖上面样式表中的样式，所以可以用气修改想要修改的样式，而不改变原本样式表。

同时，使用媒体查询，可以指定设备样式表。例如

<link href="min.css" rel="stylesheet" media="print">

匹配打印机时使用样式min.css。
主要选项有：

• screen
• print
• all

除此之外还有大小属性，方向属性和其他

• orientation: landscape（横向），portrait（纵向）
• min-device-width : **px （依赖于设备的实际屏幕大小）
• min-device-height
• max-device-width
• max-device-height
• max-width，max-height，min-width，min-height （依赖于浏览器窗口的大小）

例如：

<link rel="stylesheet" href="min.css" media="screen and (min-device-width: 480px) " >

也可以直接在css中添加媒体查询，格式

@media screen and (min-device-width: 480px){

}

一般将@media放在通用样式前，防止重复调用。