关于响应式布局
什么是响应式布局
什么是响应式？响应式的页面在不同的屏幕有不同的布局，换句话说，使用相同的html在不同的分辨率有不同的排版。
响应式布局通俗得讲是：css根据屏幕宽度，自动调整网页div显示和布局，以适应不同尺寸屏幕优化浏览体验，主要就是@media的使用
实现方式
- @media
- 使用 CSS 媒介查询来实现响应式布局
- BootStrap框架
- 十二栅格系统
- 最核心的几个 class, 还有几个container容器，几个 button 样式等
- 使用了流布局的方式实现响应式，主要通过宽度百分比，浮动样式 float 实现
- flex布局
- CSS3新特性
- 使用全局的rem
- 先根据屏幕换算1rem等于多少个px，然后设置html标签的font-size为多少个rem，屏幕越大，则font-size越大，然后页面所有的元素的宽高和字体大小都用rem等比例缩放
- 参考链接
设置viewport进行缩放
<meta name="viewport" content="width=320,maximum-scale=1.3,user-scalable=no">