合理设置响应式设计的响应点【译】
这篇讲的是如何为响应式设计设置合理的“响应点”。传统的做法要么依据流行设备尺寸,要么在布局“被打破”时才调整,但作者认为这缺乏根本依据。他主张回归内容可读性的经典理论:当一行文字的长度偏离了便于阅读的范围(如45至75个字符)时,就是设置响应点的合理时机。 作者进一步考虑了语言、字体等实际因素。他举例说,同样是10个单词,用Verdana字体的德语宽度是38.5ems,而用Georgia字体的英语只有22ems,差异巨大。因此,响应点必须根据具体内容来定义,而不是一个固定数值。 在实践中,文章演示了从一个小屏开始的过程:默认使用16px字号,确保内容区宽度不小于45字符。当屏幕宽度增加,内容区超过这个最佳范围时,就引入第二栏、第三栏,通过媒体查询改变布局。所有这些变化都是基于`em`单位计算,使得布局能弹性适应字体大小的变化。 文章的最终结论是,一个健壮的响应式设计应当从内容出发,优先定义默认样式,然后让布局随着内容的“舒适度”自然生长,而不是生硬地适配某个具体的设备或尺寸。这种方法更具逻辑性,也更能适应未来的屏幕变化。