rem:如何匹配多个机型的 font-size

解决方法：根据不同屏宽,利用@media 关键字改变根元素 font-size 属性

引入方式：

• 利用@media 关键字
• js 动态计算

利用@media 关键字

@media screen and (min-width: 10px) and (max-width: 320px)
    html {
        font-size: 10px !important;
    }
@media screen and (min-width: 701px) and (max-width: 1080px)
    html {
        font-size: 17px !important;
    }

参考文章：利用@media 关键字匹配计算 font-size

js 动态计算

参考文章：js 实现 rem 自动匹配计算 font-size