web页面字体适配

1、页面设置
html{
    font-size: 100%;/*// 以16px为基数*/
}

@media screen and (max-width: 414px){
    html{
        font-size: 50%; /*// 以8px为基数*/
    }
}

@media screen and (min-width: 1366px){
    html{
        font-size: 100%; /*// 以16px为基数*/
    }
}

2、标签样式

.lma{
    font-size: 1rem;
    padding: 0.3rem;
}