1em=16px

普通文本的默认大小:1em=16px;

 

W3C 推荐使用 em 尺寸单位。

1em 等于当前的字体尺寸。如果一个元素的 font-size 为 16 像素,那么对于该元素,1em 就等于 16 像素。在设置字体大小时,em 的值会相对于父元素的字体大小改变。

浏览器中默认的文本大小是 16 像素。因此 1em 的默认尺寸是 16 像素。

可以使用下面这个公式将像素转换为 em:pixels/16=em

(注:16 等于父元素的默认字体大小,假设父元素的 font-size 为 20px,那么公式需改为:pixels/20=em)

实例

h1 {font-size:3.75em;} /* 60px/16=3.75em */ h2 {font-size:2.5em;}  /* 40px/16=2.5em */ p {font-size:0.875em;} /* 14px/16=0.875em */

 

posted @ 2016-04-22 10:24  夜深人静123  阅读(582)  评论(0编辑  收藏  举报