创建响应式网站
1，创建可伸缩图像
.photo{max-width:100%;}
max-width：100%图像可伸缩，但是大小不会超过本来设定的大小；
width：100%，图像也可伸缩，但是如果容器比图像大，图像就会被拉大会变丑。
2，创建弹性布局
.page{max-width:960px;} 布局可以缩放，但是总体大小不会大于960px；
3，媒体查询
可包含在媒体查询里的媒体特性：
width，height，device-width，device-height，orientation，等
！！前缀min-（最小为），max-（最大为）
原文：http://www.cnblogs.com/lal-fighting/p/5078671.html