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需再刷新一下页面才能执行]

js日期格式化yyyy-MM-dd问题
这篇文章主要介绍了js日期格式化yyyy-MM-dd问题，具有很好的参考价值，希望对大家大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-01-01
JavaScript实现字符串截取的三个方法总结
在 JavaScript 中，可以使用 substr()、slice() 和 substring() 方法截取字符串。这篇文章就来通过一些示例和大家聊聊这些方法的具体操作，需要的可以参考一下
2023-02-02
js利用与或运算符优先级实现if else条件判断表达式
利用与或运算符优先级实现if else运算，让你的代码更精简。
2010-04-04
显示今天的日期js代码(阳历和农历)
这篇文章主要介绍了Js中显示日期和农历的代码，很简单，但很实用，有图片，需要的朋友可以参考下
2014-09-09
小程序自动化测试的示例代码
这篇文章主要介绍了小程序自动化测试，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-08-08
简单了解JS打开url的方法
这篇文章主要介绍了简单了解JS打开url的方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-02-02
JS获得图片alt信息的方法
这篇文章主要介绍了JS获得图片alt信息的方法,涉及javascript获取图片元素及对应alt属性的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-04-04
JS实现网站换肤
这篇文章主要为大家详细介绍了JS实现网站换肤，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07
微信小程序自定义滚动选择器
这篇文章主要为大家详细介绍了微信小程序自定义滚动选择器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07
JS无限级导航菜单实现方法
今天小编就为大家分享一篇关于JS无限级导航菜单实现方法，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
2019-01-01