版权声明:本文为博主原创文章,未经博主允许不得转载。 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)