电脑技术学习

小字体小行高兼容性分析及差异解决办法

admin

2. 如果确定标签内存在英文字符、数字、符号,可以设置英文字体,利用行高在15px下呈现的状态。

解释:此时仅ff3和chrome2浏览器存在些许差异,并且外观上不存在上多下少的边距。

示例:

提示:你可以先修改部分代码再运行。

3. 如果不能保证是否存在英文字符、数字、符号,又需要设置英文字体保证美观,也可利用行高在15px下呈现的状态。(推荐)

解释:此时ie8浏览器下的状态不容乐观,上下差异太大:上0px,下4px,但可以利用:before伪类,赐它一个符号。

示例:

提示:你可以先修改部分代码再运行。