你的位置:首页 > 软件开发 > 网页设计 > 完美解决移动Web小于12px文字居中的问题

完美解决移动Web小于12px文字居中的问题

发布时间:2015-10-27 14:00:14
前几天的一篇博文:移动Web单行文字垂直居中的问题,提到了移动web里小于12px的文字居中异常的问题,最后还是改为12px才近乎解决了问题。但是有时候或许并不是那么乐观,你并不能将原本定为10px的字体改为12px。那该怎么办呢。我们都知道,移动端为了高清屏显示1px的bord ...

前几天的一篇博文:移动Web单行文字垂直居中的问题,提到了移动web里小于12px的文字居中异常的问题,最后还是改为12px才近乎解决了问题。但是有时候或许并不是那么乐观,你并不能将原本定为10px的字体改为12px。那该怎么办呢。

我们都知道,移动端为了高清屏显示1px的border,会有那么几种方法,通常最好的方法是transform scale,并且支持圆角。既然一个border能缩放,那么整个文字区域自然也能缩放。

完美解决移动Web小于12px文字居中的问题

比如上篇博文里的示例,CSS是这样的:

.label { height: 20px; line-height: 20px; font-size: 10px; border: 1px solid #000;}

原标题:完美解决移动Web小于12px文字居中的问题

关键词:web

web
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。