名词：
viewport、rem、@media
名词解释-viewport
//TODO
实现方案
一般 rem 方案解决小屏幕适配问题就是通过 JavaScript 动态改变 html 元素的 font-size 大小进行适配（组件使用 rem 作为度量）
根据根节点决定rem和真实像素的比例，这样可以做到所有节点使用同样的计量单位，但在不同的设备上，根据@media设置不同的根节点实现不同的比例，达到实际像素大小不同的效果
ps:
em : 对字节点设置相对于父节点字体大小，对非字节点设置相对于自身的字体大小；
rem : 对字节点设置相对于根节点字体大小，
