码迷,mamicode.com
首页 > 其他好文 > 详细

文字大小单位em和px

时间:2015-12-09 19:34:56      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:

如果我们需要将文字的单位设置为em.我们应该怎么做呢?

px是像素,是相对于屏幕分辨率的单位;em是相对于浏览器默认字体大小的单位,比如在浏览器当中,默认的文字大小是16px,那么默认1em=16px.如果我们需要将文字的大小单位设置为em,那么我们就需要计算我们需要设置的文字的大小相对于默认字体大小的倍数。比如说我们想设置字体为12px,那么12/16=0.75em。我们想设置字体单位为10px,那么10/16=0.625em.这样换算会很麻烦,通常我们会将body的默认字体改为10px,即 body{font-size:62.5%;}这样当我们想设置字体为12像素之时,就是12/10=1.2em.其实计算的方法并没有改变,只是这样计算起来非常方便。

 

为什么要将文字的单位设置为em?

下面是原因,内容是从草字僧的博客 http://blog.sina.com.cn/enxiaop中摘抄下来的:

 

“平时都是用px来定义字体,所以无法用浏览器字体放大的功能,而国外大多数网站都可以在IE下使用。因为:
1. IE无法调整那些使用px作为单位的字体大小;
2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位;
3. Firefox能够调整px和em,但是96%以上的中国网民使用IE浏览器(或内核)。”

 

文字大小单位em和px

标签:

原文地址:http://www.cnblogs.com/picap00n/p/picacoo_002.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!