响应式布局

1.尺寸（宽度），图片，文本尽量使用相对单位
2.尽量使用流式布局（默认文档流+浮动）+弹性，完成布局
3.使用css3提供的媒体查询技术
@media 设备 and 屏幕尺寸 and 屏幕尺寸{
选择器{样式声明}
}
xl 超大屏 屏幕>=1200px
lg 大屏 992px<=屏幕<1200px
md 中屏 768px<=屏幕<992px
sm 小屏 576px<=屏幕<768px
xs 超小屏 屏幕<576px
4.视口

注意
复杂页面不适合使用响应式布局；
响应式布局中，建议图文纵向显示