移动端h5怎么跟UI设计一致？

Question

1：在根据UI给出的标注图构建移动端h5界面的时候有一个纠结的问题。
根据下图：在以css给出body默认的行高1.6，并且给出对应的字体大小时，如果再按照UI给出的间距（比如30px）加上的话，视图出来的间距会明显偏大，与UI不符.

2:实际出来的或者科学一点地应该怎么做，才能跟UI一致

Answer 1

应该用 flex布局 不用设置行高 直接测量高度 让文字居中显示即可

Answer 2

行高是写用字体的时候的 标注应该是后面量再标注的。。。你可以将行高为设置为字体高度 按 标注的值来做或者加上行高 自己去调整距离 展现的和最终的效果一样