div之间的间距如何去除_如何统一两端开发中的文本行高

5ca7e3649494ac2c6bdb74599fcc1f42.png

之前写过一个《行高导致和开发间距不一致》;只介绍了行高不一致的原因,以及Android和iOS插件处理行高的方式,安卓字体太多暂时没做解析。

但常常我们都是以iOS为准一稿适配两端,那么如何让两端开发中的字高统一呢?一般我们会以设置行高规范的方式来解决,但其实我们知道安卓字体就是个大杂烩,一些特殊的字体可能会和我们设计稿中的字体相差几个像素高度;由于开发方式的不同几个像素的差异在走查过程中很可能就会翻车。

发现了问题

我们在校验的过程中会发现,安卓有时会和我们的设计稿对不上甚至间距越差越远,iOS可能有时也会,这个时候我们可能就会要求开发调整修改几个像素之类的,但是修改之后开发的间距和我们设计稿还一致吗?和我们的规范还一致吗?出现这个问题的原因就是我们没把规范严格化,也许我们没严格执行,也许开发没严格执行,也许开发和我们实现方式不一致。

说这些是啰嗦吗,肯定是一方出了问题呀,但当我们两方都没出问题,实现的界面还是没对上?头疼不头疼?

还是有问题!问题出在哪里?

我们发现定了行高规范后仍没达到我们想要的效果,如何才能像素级还原,以最优的方案解决问题,和开发在工作之余联调讨论了一个周解决方案后,我们试出个设计还原度最高的方案,并且团队开发侧和设计侧已投入使用,可供参考。

两方不一致

开发对设计不了解实现方式和设计不一致;

开发调用旧代码无法和新设计稿统一;

行高处理方式

由于开发习惯的问题;单行文字实现方式一般是,系统默认行高/去行高的方式/固定或相对行高:

4c709ebb853d0c71ef78f6ae791caabb.png

多行文字对应实现方式,设置行间距/相对行高;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值