总结:PC/移动端web应用字体的大小以及使用

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/rencaishigepi/article/details/86012995
标题 链接
pc端web、移动端web的字体大小、颜色、字体样式使用 https://www.jianshu.com/p/625b197f099a
移动端应该如何动态设置字体大小? https://segmentfault.com/a/1190000004189237
移动端应该如何动态设置字体大小? https://segmentfault.com/a/1190000004344753?utm_source=tag-newest
【移动端适配方案一 弹性布局】@media标签+rem+viewport实现移动端屏幕适配 https://blog.csdn.net/tcf_jingfeng/article/details/80803083
移动设备分辨率(终于弄懂了为什么移动端设计稿总是640px和750px) http://www.mamicode.com/info-detail-2439333.html

移动端页面制作字号大小设定问题,设计稿文字字号规范:

逻辑分辨率:320*480  《==》 物理分辨率:640*690            最小字号:12px

逻辑分辨率:320*658  《==》 物理分辨率:640*1136          最小字号:12px

逻辑分辨率:375*667  《==》 物理分辨率:750*1334          最小字号:14px(13.5px)

逻辑分辨率:414*736  《==》 物理分辨率:1242*2208(1080*1920) 最小字号:15px

前端按照逻辑分辨率设字号大小《==》rem进行适配移动端大小屏幕;
设计稿界面尺寸按照物理分辨率大小进行设计,字号应等比例放大。

设计稿尺寸:width:640px     最小字号:24px(23px)

设计稿尺寸:width:700px     最小字号:26px(25.5px)

设计稿尺寸:width:750px     最小字号:28px(27.5px)

猜你喜欢

转载自blog.csdn.net/rencaishigepi/article/details/86012995
今日推荐