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阅读 4,572评论 0 1
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,359评论 19 139
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 8,573评论 0 5
  • 《七·七有感》 —— 阿宝(林金宝) 血雨腥风旧梦犹, 卢...
    阿宝_d873阅读 1,306评论 0 0
  • 留在某一时间,思恋曾经碧海蓝天,光阴未眠,愿枕星空下天涯缱绻。彼此间,一声再见,却道尽风花雪月。弹一弦,相识相恋,...
    艾鱼77阅读 1,865评论 8 9