在Android浏览器下,使用以下几种方式进行字体垂直居中的时候都会导致字体偏上:
- 使用
line-height
来使字体垂直居中 - 使用
padding
来使字体垂直居中
本文主要说的是使用<html>
标签的lang
属性设置为zh-CN
来处理以上问题。
<html>
标签的lang
<html>
标签的lang
属性可用于网页或部分网页的语言。这对搜索引擎和浏览器是有帮助的。根据 W3C 推荐标准,您应该通过 <html>
标签的lang
属性对每张页面中的主要语言进行声明。
如果未声明lang
属性,默认为en
,网页将会使用en
来进行文字渲染,但如果生命为zh-CN
,则会采用中文字体来进行渲染,就可以适当解决在Android浏览器下字体偏上的问题。
你可以查看下面这个 例子 。
建议使用OpenType或者TrueType字体的实现根据字体的OS/2表中的”sTypoAscender”和”sTypoDescender”规格(metrics)找出相应的A和D(在缩放当前元素的字体大小后)。如果没有这些规格,就应该用HHEA表中的”Ascent”和”Descent”规格。——摘自:css2.1的视觉格式化模型细节