Android机上,使用line-height 发现会网上便宜1~2px。
网传的方法是使用scale(0.5)来缩放。如下代码,里面的涉及到px的都是放大两倍后的,然后使用scale(0.5)。这样虽然能解决line-height不居中问题,但是额外使该行的高度变高,不知道还有没有其他方法。
padding: 0 8px;
font-size: 20px;
color: #6BB547;
height: 24px;
line-height: 24px;
border: 2px solid #52C41A;
background: #F6FFED;
border-radius: 8px;
transform: scale(0.5);
-webkit-transform: scale(0.5);
display: inline-block;
transform-origin: 0% 60%;
网传方法2,是使用table,但是用table有点太累赘,就没尝试
不知道有什么方法能够完美解决!
网友评论