为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

呼如林 2018-10-13 15:10:52
在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%;    }}
查看完整描述

1 回答

?
慕尼黑5688855

TA贡献1848条经验 获得超2个赞

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


查看完整回答
反对 回复 2018-11-29
  • 1 回答
  • 0 关注
  • 1303 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号