CSS Media Queries 详细介绍
在制作RWD 响应式网页时，一定会用到的CSS 语法就是media，代表的就是针对指定的「媒体」设定样式，这篇将会对CSS 的Media Queries 做个详细介绍，也帮助自己未来撰写时，更有个方向与参考。
CSS Media Queries 是什么？
Media Queries 代表网页会先「询问query」「媒体media」的属性，再针对这些属性定义样式，通常在CSS 里并没有大多都是权重大小「覆盖」的方式，但media 本身却带有些「逻辑」的概念，透过逻辑的写法，如果媒体条件符合为true，就会套用样式，反之为false 就不会套用样式。
如果要使用media queries，共有下列三种使用方式：
在HTML 内使用
如果在html 里加入下面的程式码，在视窗screen 时会使用style.css，列印时则使用print.css。
<link rel="stylesheet" type="text/css" media="screen" href="style.css"><link rel="stylesheet" type="text/css" media="print" href="print.css">在CSS 内使用
如果直接写在CSS 里，下列的写法也是一样的概念。
＠media screen{ 样式...}@media print{ 样式...}使用
@import如果你喜欢使用
@import，也可以根据不同的media特性，import不同的css。@import "style.css";@import "print.css" print;