鍍金池/ 問(wèn)答/HTML5  HTML/ 移動(dòng)端h5怎么跟UI設(shè)計(jì)一致?

移動(dòng)端h5怎么跟UI設(shè)計(jì)一致?

1:在根據(jù)UI給出的標(biāo)注圖構(gòu)建移動(dòng)端h5界面的時(shí)候有一個(gè)糾結(jié)的問(wèn)題。
根據(jù)下圖:在以css給出body默認(rèn)的行高1.6,并且給出對(duì)應(yīng)的字體大小時(shí),如果再按照UI給出的間距(比如30px)加上的話,視圖出來(lái)的間距會(huì)明顯偏大,與UI不符.
圖片描述

2:實(shí)際出來(lái)的或者科學(xué)一點(diǎn)地應(yīng)該怎么做,才能跟UI一致

回答
編輯回答
若相惜

應(yīng)該用 flex布局 不用設(shè)置行高 直接測(cè)量高度 讓文字居中顯示即可

2017年4月27日 11:27
編輯回答
心悲涼

行高是寫(xiě)用字體的時(shí)候的 標(biāo)注應(yīng)該是后面量再標(biāo)注的。。。

你可以將行高為設(shè)置為字體高度 按 標(biāo)注的值來(lái)做

或者加上行高 自己去調(diào)整距離 展現(xiàn)的和最終的效果一樣

2017年12月18日 19:44