FF下zoom的替代方案单位em_javascript技巧

来源：懂视网责编：小采时间：2020-11-27 20:39:47

FF下zoom的替代方案单位em_javascript技巧

FF下zoom的替代方案单位em_javascript技巧:首先是em的计算方式，当本元素和父级元素没有指定以em或者百分比为单位的font-size时，1em严格等于16px,当本元素和父级元素指定了以em或者百分比为单位的font-size时，则在16px的基础上乘以所有上级fontSize的积。由这个性质可以通过设置line-hei

推荐度：

点击下载本文 文档为doc格式

导读FF下zoom的替代方案单位em_javascript技巧:首先是em的计算方式，当本元素和父级元素没有指定以em或者百分比为单位的font-size时，1em严格等于16px,当本元素和父级元素指定了以em或者百分比为单位的font-size时，则在16px的基础上乘以所有上级fontSize的积。由这个性质可以通过设置line-hei

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

由这个性质可以通过设置line-height来代替zoom以达到想要的效果。
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS单位em</title> <style type="text/css"> span{ font-size:16px; } .domain{ padding:15px; } </style> </head> <body> 正常的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 </body> </html>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

FF下zoom的替代方案单位em_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签： em ff zoom

热门焦点

FF下zoom的替代方案单位em_javascript技巧

FF下zoom的替代方案单位em_javascript技巧

FF下zoom的替代方案单位em_javascript技巧

最新推荐

猜你喜欢

热门推荐