自从写了这个皮肤之后,总结一下关于弹性布局的一些注意事项。由于小弟是新手,而且很久没练习页面了,很多地方只是总结一下基础知识,希望大虾们不吝赐教。
由于弹性布局使用想对单位em或者%,都是比较难计算的,因为想对单位都比较难计算。所以这里使用单位初始化,主要是针对em的。
根据漫谈font-size一文学习到了,基于windows的浏览器大部分默认的字体大小是medium,即 16ppem下显示为16px。根据前辈提供的转换表,在样式里加了body { font-size:62.5%},这样有两个好处:
- 1em=10px计算宽度高度更加方便(针对body子元素,孙子元素另算,以这个为基础)
- font-size:1.2em计算字体大小更加方便,不用根据16px计算。不过设置字体大小后子元素的字体大小会继承父元素的,计算起来也挺麻烦的。

