總結：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)