CSS之em弹性布局
浏览数：49 /
时间：2015年06月09日
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值郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
