[轉貼wowboxblog] 自適應CSS佈局—流動佈局新時代

什麼是流動佈局？

流動網格是通過智能的使用div、百分比和簡單的數學計算來創建的。這種理念來自於Ethan Marcotte ，他認識到「em」比字體大小進步。我們在這重溫這個基本概念，但要對該方法有一個全面而詳細的瞭解，請參閱「流動網格」，這是一篇全面的關於建立基於網格的彈性佈局的教程。

其理念是使用相對尺寸、結合百分比和em，用簡單的分割以找到相對應的像素寬度，而這些寬度是在固定寬度設計中使用的。

優點：

● 這種方法使你擁有一個網格佈局，這看起來可能僅固定一次寬度；
● 用戶可以使用預設的字體大小查看這個佈局，並且保持其比例大小；
● 佈局樣式跨瀏覽器兼容；
● 一旦理解之後，流動設計中的大多數問題將容易修復。