行動網頁設計有很多好處，但也只有在正確使用的時候。適當的技巧會使頁面在大螢幕、小螢幕抑、ＰＤＡ小螢幕上都能得到良好的呈現。但是，糟糕的程式碼結構，對於流動佈局來說將是災難性的。因此，我們需要針對大多數流動設計的缺點尋求可行的解決方案。
如果你作為設計師透過額外的付出創造了一個功能性流動佈局，為什麼不更進一步使其兼容所有分辨率，而不是局限於大多數屏幕。你可以使用一些技巧來創造一種意想不到的適應性佈局，這種佈局在不斷改變螢幕解析度情況下會保持功能上的完整性。
在這篇文章，我們將討論創造100%功能自適應css佈局的行之有效的方法，並提供其他教學和實踐的詳細清單：
你也參考以前的文章：
一、使用網格的流動佈局
我們大多數人都聽說過設計固定寬度網頁的960網格系統，使用960網格系統讓固定寬度的設計比流動佈局更可取。但是，有一種方法可以建立一個基於網格的彈性佈局。從技術上講，彈性佈局的程式碼結構不同於流動佈局，但它為使用者提供的幾乎是相同的效果。
什麼是流動佈局？
流動網格是透過智慧的使用div、百分比和簡單的數學計算來創建的。這個理念來自於Ethan Marcotte ，他認識到「em」比字體大小進步。我們在這裡重溫這個基本概念，但要對該方法有一個全面而詳細的了解，請參閱“流動網格”，這是一篇全面的關於建立基於網格的彈性佈局的教程。
其理念是使用相對尺寸、結合百分比和em，用簡單的分割以找到相對應的像素寬度，而這些寬度是在固定寬度設計中使用的。
優點：