说起CSS3的新特征，就不得不提到MediaQueries。

　　本文比力细致，所以良多隐真顶用不到。所以若是只是想简略领会MediaQueries，保举参考CSS3MediaQueries。

　　CSS2.1界说了Media的部门，包罗类型、组别战法则等。CSS并非为了显示器而创造，而是使用于各类各样的，好比常见的显示器，越来愈多的手持设备，可能略显过期的电视机等等。

　　css教程：CSS3 Media Queries 详解，css3教程，css3教程而MediaQueries的引入，其作用就是答应增添表达式用以确定的环境，以此来使用分歧的款式表。换句话说，其答应我们正在不改观内容的环境下，改观页面的结构以切确顺应分歧的设备，以此加强体验。所以MediaQueries战CSS优化没相关系，以致是抵牾的。

　　援用CSS3MediaQueries里的直不雅的DEMO，当浏览器宽度改观时，使用的CSS产生变迁。而这些，本来必要JavaScript的节造才能作到。

　　Web挪动化的趋向越加较着。固然国内遭到良多限造，可是这种海潮却无法。前段时间jQuery颁布颁发mobile项目，也加快了这种变迁。MediaQueries不久的未来该当就会被更多的利用，以更好的支撑新兴设备好比iPad。隐真上，jQuery以致有MediaQueries的插件。

　　看看MediaQueries作了什么

　　一个三栏结构，正在屏幕变窄的环境下，酿成1栏结构，以致是消弭多余两栏而只留下凡是的内容的第2栏。MediaQueries是若何事情的?先看看link标签的写法：

　　代码:

　　正在media属性里：

　　screen是类型里的一种，CSS2.1界说了10品种型

　　and被称为环节字，其他环节字还包罗not(解除某种设备)，only(限造某种设备)

　　(min-width:400px)就是特征，其被安排正在一对圆括号中。完备的特征参看有关的Mediafeatures部门