0707
M站開發完成第二個模塊,發現一個問題,中文字體在android手機上字體呈現偏上,按鈕不美觀,單行內容頂部被裁掉少許。
不替換字體大小做過如下嘗試均無效
1、替換不同font-family
2、設置line-height
3、刪除全局的box-sizing:border-box
4、設置display:flex 等參數
5、設置padding撐開元素,刪除height設置
經過反復測試得出:torem(28px)字體偏上問題最為明顯,最后測試出有以下2中方式可以處理:
1、換成torem(24px)或者torem(34px)后感覺偏上緩解非常多。
2、換成px單位后字體呈現完全正常
最終選擇將torem(28px)字體根據內容重要程度替換成torem(30px)~torem(34px)避免使用28px,
單行內容設置height:1.15
- 相關項目簡介
地址:m.gulugulu.cn
rem框架:flexible