猿问

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

在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%;

    }

}


呼如林
浏览 1304回答 1
1回答

慕尼黑5688855

flexible一样可以处理pc端啊,只是flexible源码把最大宽度给限制了,你将其改大,然后把dpr强制为1,就跟移动端没区别了
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答