何謂自適應網頁設計(Responsive Web Design)

近年來，隨著智慧型手機與平板電腦的蓬勃發展，有越來越多使用者使用這些移動裝置來觀看網頁，但這些裝置的擁有各種千奇百怪的解析度，使得網頁設計師在頁面設計這一件事情上，產生了許多困擾，於是最近開始流行一種設計方法 Responsive Web Design，中文譯名為「自適應網頁設計」，就字面上意思來說就是同一個網頁在不同的解析度下，會呈現不同的介面，也就是在不同的介面上自動適應。

想設計出一個美觀簡潔的自適應網頁設計，設計師需要以下幾種技術的能力:
CSS Grid System ，CSS Fluid Grid System ，CSS Image max-width （Flexible image），CSS3 Media Queries。

想一睹為快?可以參考下面的網址
http://mediaqueri.es/