响应式设计

响应式设计就给不同分辨率设计不同（显示合理美观）的样式，也就是说设计师多设计几套样式，在用户访问的时候，根据用户使用的屏幕分辨率展现给用户相应的页面（调用相应的样式）。

一、设计师了解市面上所使用的分辨率，收集信息

二、设计师根据不同分辨率给页面设计不同的样式

三、调用样式

1、直接在同个样式样式文件中区分，在页面中只引用一个样式文件

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

/*

*本样式支持的分辨率宽 最大 为1280px

*即，应用于小于宽小于1280px的分辨率

*/

}

@media screen and (min-width: )

@media screen and (max-width: 600px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/

   .class {

     background: #ccc;

   }

}

http://my.oschina.net/fuckBAT/blog/317777

http://my.oschina.net/iamjiuye/blog/127983