移动端页面制作字号大小设定问题,设计稿文字字号规范,解决移动端大小屏适配问题

Posted 2020-09-10 奇葩代码

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

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

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

逻辑分辨率：414*736  《==》 物理分辨率：1242*2208（1080*1920） 最小字号：15px

 

前端按照逻辑分辨率设字号大小；

设计稿界面尺寸按照逻辑分辨率大小进行设计，字号应等比例放大。

 

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

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

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