css 里的 em怎么算?是像素吗?

来源:百度知道 编辑:UC知道 时间:2024/05/15 12:56:45
如题

比如margin-right:15em 等于多少像素?
和margin-right:15px; 有什么区别?

分清以下概念:
  em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。国外使用比较多,现在移动智能终端设备越来越普及,em能适应更多的移动设备。
  px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的,QQ截图也是使用PX作为长度宽度单位。

第一个:15乘以16等于出象素
第二个:15em和15px的区别是,一个是单位长度,一个是象素
区别就是em和%都是相对上一级的,而15px是绝对的!

em是这样算的:它是根据字体的大小来计算的
因为浏览器默认的字体是16px(自己可以验证一下);
所以在没有其它设置的时候,1em=16px;那么15em=15*16px;你也看到了,这样用的话,还得计算它的值,有一点烦,所以我们在想用em时,会再设置一次:应该是这样的font-size: 62.%;
因为10px/16px=62.5;所以以后1em=10px;那么16px=1.6em了。15em在平时的情况下,要比15px大很多很多的,因为它的值为15*16px;呵呵。不会还不懂吧?