《响应式Web设计实践》一2.5 结束语

本节书摘来异步社区《响应式web设计实践》一书中的第2章，第2.5节，作者： 【美】tim kadlec 译者： 侯鸿儒 责编： 赵轩，更多章节内容可以访问云栖社区“异步社区”公众号查看。

2.5 结束语

响应式web设计实践

大多数情况下，流动布局（以百分比为单位，因而可以根据屏幕大小来调整自身的布局）是你设计站点时的最佳选择。当宽度被字体大小限制时，你可以使用弹性布局；当宽度被百分比限制时，你可以使用流动布局。

采用更加灵活的方式来指定文字大小可以使维护工作变得更加容易，同时这样做也提升了站点的可访问性。为了达到这个目标，我们就要坚持使用百分比和em，尽管rem在未来很有潜力。

通过定义网格，有助于为你的网站提供良好的结构并增加一致性。要试着从内容出发来建立你的网格，而不是随意拿一个事先就定义好的网格来用。这就意味着我们要根据行宽、图片、广告大小或者其他标准来建立网格。

将固定单位转换为灵活的单位与计算一道除法题一样简单，因为在指定元素宽度以和字体大小时，你用的都是那个方程式。

通过使用css表格，你可以很容易地将固定宽度与流动宽度结合使用，现代的桌面浏览器对此特性都有着极为出色的支持，而且你还可以通过使用条件注释来为ie 7及以下版本的ie浏览器提供备用样式。

现在，“另一个体育网站”的文章页面的布局已经变得灵活了许多，而且相比采用固定布局也能够适应更多种类的分辨率了。然而它现在还不是真正响应式的，因为当浏览器变得很窄的时候，我们依然会遇到很多样式上的问题，而且如果屏幕太宽的话，我们的设计也不是特别整洁。

在下一章中，我们将使用媒介查询来解决上面这些问题。媒介查询使我们可以根据用户使用的设备来改变页面的样式，这一强大的技术将带领我们走向真正的响应式设计。