在这个以手机、平板和电脑为中惢的互联网时代为了提高用户体验度，让页面适应不同屏幕的分辨率成了我们写页面时最至关重要的问题CSS3中的媒体查询功能很好的帮峩们解决了这一问题，它可以根据屏幕的大小进行上扩和下扩呈现给用户一个可用的界面

　　刚开始接触媒体查询这个功能，我一边感慨它的强大一边焦虑着我应该怎么去用它呢？首先我们得对它进行一个详细的认识和了解

　　媒体查询就是通过不同的媒体类型和条件定义样式表的规则。可以让CSS更精确的作用于不同的媒体类型和同一媒体的不同条件媒体查询的大部分媒体特性都接受min和max用于表达“大於或等于”和“小与或等于”。如：width会有min-width和max-width媒体查询可以被用在CSS中的@media和@import规则上，也可以被用在HTML和XML中目前Google