响应式布局

简介

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

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

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

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

响应式开发最很差不要杂合使用rem
复制代码