2014
07
02

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

關鍵字:CSS3RWD響應式網頁自適應網頁

什麼是流動佈局?

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

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

優點:

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

電話:(02)2739-9096 | 傳真:(02)2739-6637 | 客服:service@julyinfo.com | 臺北市大安區和平東路3段257號6樓map

© 2016 傑立資訊 All rights reserved.法律顧問:宇恒法律事務所