pc端如何根据分辨率做好font-size的适配？

发布于
2017-03-22

在pc端想要做一个全屏适配的项目，但得根据分辨率的来随着放大缩小。移动端用过flexible来解决，不知道在pc端怎么处理比较好。
自己用了media来暂时处理，但是效果没有想象中的好。

html{
    font-size:625%;/*px换算成rem*/
    color:#666;
}
@media(min-width:1440px){
    html{
        font-size:637.5%;
    }
}
@media(min-width:1600px){
    html{
        font-size:731.25%;
    }
}
@media(min-width:1680px){
    html{
        font-size:770%;
    }
}
@media(min-width:1920px){
    html{
        font-size:879.375%;
    }
}
@media(min-width:2560px){
    html{
        font-size:1168.75%;
    }
}
@media(min-width:3440px){
    html{
        font-size:1575%;
    }
}
@media(min-width:3840px){
    html{
        font-size:1760%;
    }
}