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

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

逻辑分辨率: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)

 

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