响应式设计（Responsive Design）【采用媒体查询（Media Queries）方式】

响应式设计即：让网站针对不同的浏览器和设备显示出不同的布局。

比如一个网页，在浏览器宽度>=600px的大屏幕采用一种css布局，在浏览器宽度<600px的小屏幕采用另一种css布局。

“媒体查询”可以解决这个问题：

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

/*这里写大屏幕的css样式*/

选择器{

属性:属性值;

}

}

@media screen and (max-width:599px){

/*这里写小屏幕的css样式*/

选择器{

属性:属性值;

}

}

了解更多关于Media Queries（大漠的文章）：http://www.w3cplus.com/content/css3-media-queries