FF下zoom的替代方案单位em

更新时间：2008年08月17日 18:55:05 作者：

css 属性zoom是ie私有属性在FF中（或者说仅实现CSS标准的其他浏览器中）无法使用，一直在网上搜索它的替代方案，但没有收获，后来听群里有朋友说em或可解决此问题，经过研究和测试，发现果然可以解决。

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

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <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> <span>正常的1em=16px</span> <div style="display:inline-block;width:1em;height:1em;background:green;"></div> <div class="domain" style="font-size:2em;border:solid 1px red;"> <span>style="font-size:2em;border:solid 1px red;"这里1em=2x16=32px</span> <div style="display:inline-block;width:1em;height:1em;background:green;"></div> <div class="domain" style="font-size:3em;border:solid 1px blue;"> <span>style="font-size:3em;border:solid 1px blue;"这里1em=2x3x16=96px</span> <div style="display:inline-block;width:1em;height:1em;background:green;"></div>  <div class="domain" style="font-size:50%;border:solid 1px black;"> <span>style="font-size:50%;border:solid 1px black;"这里1em=2x3x50%x16=48px</span> <div style="display:inline-block;width:1em;height:1em;background:green;"></div>  </div> </div> </div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

用javascript实现倒计时效果
这篇文章主要为大家详细介绍了用javascript实现倒计时效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-02-02
js检验密码强度(低中高)附图
注册模块中输入密码需要显示密码强度（低中高）本例将做的效果给大家分享下
2014-06-06
HTML上传控件取消选择
由于<input type="file">的value属性石只读的，所以要取消选择只能通过其他途径，此处有2种方法
2013-03-03
js中settimeout方法加参数的使用实例
这篇文章主要介绍了js中settimeout方法加参数的使用,需要的朋友可以参考下
2014-02-02
JScript中使用ADODB.Stream判断文件编码的代码
在实现TextStraem的时候，找到判断文件编码的代码是VBS的，但是在JScript中是没有ASC等函数的，也不能对二进制数据进行处理，因此需要通过一个特别的方法来获取文件开关的编码标识。
2008-06-06
HTML DOM的nodeType值介绍
将HTML DOM中几个容易常用的属性做下记录，需要的朋友可以参考下。
2011-03-03
微信小程序下拉框组件使用方法详解
这篇文章主要为大家详细介绍了微信小程序下拉框组件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-12-12
JS实现alert中显示换行的方法
这篇文章主要介绍了JS实现alert中显示换行的方法,实例分析了两种实现alert换行的实现技巧,非常简单实用,需要的朋友可以参考下
2015-12-12
英文首字母全大写的js实现脚本
输入内容活直接点转换即可，讲单词的首字母大写。
2008-09-09
设为首页与加入收藏的JS代码(多浏览器支持)
由于现在很多浏览器版本，那么多浏览器兼容的设为首页与加入收藏功能代码，就比较好用，这里简单的整理下，方便需要的朋友
2012-12-12