现在的位置: 首页 > 综合 > 正文

FF下zoom的替代方案 单位em

2013年02月02日 ⁄ 综合 ⁄ 共 436字 ⁄ 字号 评论关闭

首先是em的计算方式,当本元素和父级元素没有指定以em或者百分比为单位的font-size时,1em严格等于16px,当本元素和父级元素指定了以em或者百分比为单位的font-size时,则在16px的基础上乘以所有上级fontSize的积。

由这个性质 可以通过设置line-height来代替zoom以达到想要的效果。

xmlns="http://www.w3.org/1999/xhtml">

正常的1em=16px

style="font-size:2em;border:solid 1px red;"
这里1em=2x16=32px

style="font-size:3em;border:solid 1px blue;"
这里1em=2x3x16=96px

style="font-size:50%;border:solid 1px black;"
这里1em=2x3x50%x16=48px

抱歉!评论已关闭.