總結:PC/移動端web應用字型的大小以及使用
阿新 • • 發佈:2019-01-10
標題 | 連結 |
---|---|
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)