<p class="zw">我们先看小屏幕上的段落，把能看得舒服的最小字号设置为最小字体。12px看起来太小，是因为我们的脸没有贴近设备屏幕？，那么13px或14px看起来会舒服一些吗？</p> <p class="zw">然后，将同样大小的文字段落放到大屏幕上来看。这时观看距离会对效果有所影响，我们的眼睛通常会离大屏幕远一些，所以需要看一下字号是否仍然适合，如果不适合，我们还要增大字号来适应更远的观看距离。通过这种方式，我们可以快速为各种类型的设备选择最合适的字号。</p> <p class="图"><img alt="0605.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/34.jpg"></p> <p class="图题">相对于em或rem单位，客户更容易理解px，即像素， 因此我们以px为单位来设置文本字号。当然，在这个过程中，我们会把字体转换为弹性元素。</p> <p class="图"><img alt="0606.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/35.jpg"></p> <p class="图题">活字校样是一种简单的方法，它能够帮助我们为每种类型的设备的标题设置最大的字号。</p> <p class="zw">使用相同的方法，还可以为标题和其他元素确定合适的字号。大标题使设计看起来更引人注目，然而它们更加适合大屏幕；小屏幕上的空间有限，每行只能显示几个词，因此需要谨慎地设置字号，不然看起来很不舒服。我们首先为小屏幕选定合适的标题字号，然后在不同的设备类型上测试。注意观察变化，一直到我们所能测试的最大屏幕。</p> <p class="zw">对于按钮上的小文字、导航和页脚，使用相同的方法，都是先从最小的屏幕开始。</p>
