日期:2013-08-19 浏览次数:21134 次
用DIV+CSS来写网站结构也有一段时间,在此过程中发现有时候需求把字体设置成比12px,而比14px小的字体(13px在IE中无法区分出大小来和12px一样)。今天发现用 font-size:small; 可以很好控制好字体的大小。
首先设置一个基础值在标签中
body{font-size:small;}
以这个字体大小为基础,在其他标签中设置百分比
h1{font-size:120%;}
h2{ font-size:110%;}
note{font-size:80%;}
随着基础值的改变,其他字体也都会跟着改变,要修正的时候只需求修正body里的基础值。
用small作为基础值可以使用户依据喜好随意调整大小,用户的调整不影响全体字体的比例失调。同时,当你按下Ctrl+滚动鼠标中键时,还可以缩放页面的字体大小。