最近在看项目代码，看到有使用响应式布局技术，这里就大概罗列总结一些看到的，随看随补充吧：
@media(max-width:768px)
{
height 257px
background url(../images/index_bg_peolpe_bottom1.png) repeat-x 0px center
}
类似上面代码所述，指定的CSS样式被放在了@media()里，这里会判断当浏览器宽小于768时，进入此CSS样式
这段代码也称作媒体查询。
原文：http://www.cnblogs.com/coderushhan/p/4832110.html