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

标题链接
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)
  • 1
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值