<p class="zw">选择字体只是排版过程中的一部分，在响应式Web设计时，我们需要让版式在诸多不同类型的屏幕上都清晰且可读。这不仅意味着要兼顾不同的屏幕尺寸，同时还要确保排版在低分辨率和高分辨率上显示得一样好。</p> <p class="zw">在过去，我们花了大量的时间和心血使用Photoshop或者Sketch来打磨版式细节。今天，要想实现一个渲染准确的响应式版式，不能再依赖一款图像处理工具了。我们需要使用CSS来设计版面，然后使用HTML在不同设备的浏览器上测试。</p> <p class="zw">我们把这种方法叫做活字校样。这些HTML和CSS文件只包含标题和段落元素。</p> <ul> <li class="第1级无序列表">段落字号： 12px - 21px</li> <li class="第1级无序列表">标题字号 ：12px - 38px</li> <li class="第1级无序列表">小文本字号 ：9px - 12px</li> </ul>
