美文网首页
nuxt开发手记(1)-rem字体偏上问题

nuxt开发手记(1)-rem字体偏上问题

作者: coffee_me | 来源:发表于2017-07-11 15:25 被阅读0次

    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

    相关文章

      网友评论

          本文标题:nuxt开发手记(1)-rem字体偏上问题

          本文链接:https://www.haomeiwen.com/subject/gwkmhxtx.html