nuxt開發手記(1)-rem字體偏上問題

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
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 一 外部式css樣式 (也可稱為外聯式)就是把css代碼寫一個單獨的外部文件中,這個css樣式文件以“.css...
    KunMitnic閱讀 956評論 0 1
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,837評論 18 139
  • 本課來自http://www.imooc.com/learn/9請不要用作商業用途。 HTML5 HTML介紹 H...
    PYLON閱讀 3,295評論 0 5
  • 《七·七有感》 —— 阿寶(林金寶) 血雨腥風舊夢猶, 盧...
    阿寶_d873閱讀 174評論 0 0
  • 留在某一時間,思戀曾經碧海藍天,光陰未眠,愿枕星空下天涯繾綣。彼此間,一聲再見,卻道盡風花雪月。彈一弦,相識相戀,...
    艾魚77閱讀 280評論 8 9