响应式布局

简介

什么是响应式布局? 同一个页面在不同屏幕尺寸下有不同的布局

传统的开发方式是PC端开发一套,手机一套
使用响应式布局只需要开发一套代码就可以,缺点是css比较重

响应式布局方案选择响应式设计可选择的方案有：

CSS3（推荐）：媒体查询，兼容到IE9+，但可以通过插件兼容IE6-8
Flex：弹性布局，兼容性较差（IE10+）
Grid：网格布局，兼容性更差
Columns：栅格系统，往往需要依赖于某个UI库，如bootstrap

响应式开发最不好不要杂合使用rem