目录
show
为了达到响应式的效果，需要少许数字计算:
目标字体除以容器的 font-size。即上下文。结果就是所需的字体大小，以 em 表示，灵活多变。
换句话说，相对字体大小能以下列简单算式计算：
目标 / 上下文 = 结果
有了算式，回到那个 24px 的标题。把 bod 元素内的 font-size: 100% 假设为 16px，即可直接把数值代入算式。因此，相对于上下文（16px），h1 的目标字体大小（24px）为：
24 / 16 = 1.5
得出结果：24px 是 16px 的 1.5 倍，故 font-size 为 1.5em：
h1{
font-size:1.5em; /* 24px / 16px */
font-style:italic;
font-weight:normal;
}
标题的大小就能完美地配合草图指定大小了，而表达单位还是相对的，可随意拖放。