CSS---媒体查询语法

一种是用link标签，然后通过media属性控制选择，即指向外部样式表链接。语法如下：

<link rel="stylesheet" media="logic type and (feature:value)" 
 href="your-stylesheet.css" >

另一种是位于样式表中的媒体查询。语法如下;

@media logic type and (feature:value){
/*目标CSS样式规则*/
}

其中代码组成部分释义如下：

• logic 。可选，其值可以使only或not。only关键字可以企鹅包旧的浏览器不读取余下的媒体查询，同时一并忽略链接的样式表；not关键字可以对媒体查询的结果求反，让其反值为真。
• type。指的是媒体类型，如screen、print等。
• feature：value。可选，但一旦包含它们，它们必须用括号包围且前面要有and这个字。feature是预定义的媒体特性，如min-width、max-width、resolution。对color、color-index和monochrome特性来说，value是可选的。