字体大小的可适应设置(em和62.5%)

1如果都设置为px,则分辨率高的,不同浏览器下都是一个大小,而且用户不容易自己调节字体。

而如果要用em的话,就要了解em的默认值,em默认大小是16px。

这里要做个处理,就是设置body{font-size:62.5%},设置62.5是让1em不再等于16px,而是等于10px,这样设置的时候就很好计算。

注意只有font-size值为百分数的时候才是相对于16px来计算的,如果是算其它的,如 width,height这些,不是计算font-size的话,则不是以16px为基准。

比如要设置一个15px大小的字体,就可以1.5em,而如果em的基数是16px的话,就不好计算,很聪明的办法。

还要注意一种情况,就是多层嵌套,比如:

<body>                        // 1em为10px

<div>                 // 如果设置为200%,则大小为20px

    <p></p>        // 如果设置为200%,则大小为40px,注意这里是以父级为比较标准,而不再是以body为标准,,所以有层次的时候记得要做一定的乘法计算,或者ff直接查看。

</div>

</body>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值