rem理解
动态设置html标签的font-size大小
- 假设设计稿是750px;
- 假设我们把整个屏幕划分为15等份（划分标准不一定可以是20份也可以是15份）;
- 每一份作为html字体大小，这里就是750/15 = 50,那个font-size：50px;
- 那么在320px设备的时候，字体大小就是320/15 = 21.33px;
- 用我们页面元素的大小除以html的font-size就会发现他们的比例（rem值）是相同的；
- 比如我们以750px的设计稿为例，划分为15等分，font-size：50px；
- 一个100x100像素的页面元素的，就是100/50 = 2rem，所以这个元素就是2rem x 2rem;
- 320屏幕下，html字体大小就是320 / 15 = 21.33px; 则2rem = 42.66px，此时宽高都是42.66px,但是宽高比还是1 : 1；
- 所以就实现了不同屏幕下元素盒子等比例缩放的效果；
- 一句话：就是动态改变html的font-size的值。
