CSS之em弹性布局

标签：css em

1、用户的文字大小与弹性布局

    一般情况下用户的浏览器默认渲染的文字大小是“16px”，弹性设计的关键在于页面中所有元素都使用“em”单位值，“em”是一个相对大小。相对的计算都会有一个参考物，那么这里相对所指的是相对于元素父元素的font-size。

    例如:

<div id="container">

    <h1>Looking-Glass House</h1>

</div>

body{
    font-size:62.5%; -->10px;
}
#container {
  font-size: 1.2em;-->12px;
}
h1 {
  font-size: 2.5em;-->30px;
}

公式:
（1）:PXtoEM 
1 ÷ 父元素的font-size × 需要转换的像素值 = em值

CSS之em弹性布局

标签：css em

原文地址：http://9564917.blog.51cto.com/9554917/1634878