《響應式Web設計實踐》一2.5 結束語

本節書摘來異步社群《響應式web設計實踐》一書中的第2章，第2.5節，作者： 【美】tim kadlec 譯者： 侯鴻儒 責編： 趙軒，更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。

2.5 結束語

響應式web設計實踐

大多數情況下，流動布局（以百分比為機關，因而可以根據螢幕大小來調整自身的布局）是你設計站點時的最佳選擇。當寬度被字型大小限制時，你可以使用彈性布局；當寬度被百分比限制時，你可以使用流動布局。

采用更加靈活的方式來指定文字大小可以使維護工作變得更加容易，同時這樣做也提升了站點的可通路性。為了達到這個目标，我們就要堅持使用百分比和em，盡管rem在未來很有潛力。

通過定義網格，有助于為你的網站提供良好的結構并增加一緻性。要試着從内容出發來建立你的網格，而不是随意拿一個事先就定義好的網格來用。這就意味着我們要根據行寬、圖檔、廣告大小或者其他标準來建立網格。

将固定機關轉換為靈活的機關與計算一道除法題一樣簡單，因為在指定元素寬度以和字型大小時，你用的都是那個方程式。

通過使用css表格，你可以很容易地将固定寬度與流動寬度結合使用，現代的桌面浏覽器對此特性都有着極為出色的支援，而且你還可以通過使用條件注釋來為ie 7及以下版本的ie浏覽器提供備用樣式。

現在，“另一個體育網站”的文章頁面的布局已經變得靈活了許多，而且相比采用固定布局也能夠适應更多種類的分辨率了。然而它現在還不是真正響應式的，因為當浏覽器變得很窄的時候，我們依然會遇到很多樣式上的問題，而且如果螢幕太寬的話，我們的設計也不是特别整潔。

在下一章中，我們将使用媒介查詢來解決上面這些問題。媒介查詢使我們可以根據使用者使用的裝置來改變頁面的樣式，這一強大的技術将帶領我們走向真正的響應式設計。