自適應網頁設計(英語:Responsive web design,通常縮寫為RWD)我們也稱作“響應式”。是一種網頁設計的技術做法,該設計可使網站在多種瀏覽設備(從桌面電腦顯示器到移動電話或其他移動產品設備)上閱讀和導航,同時減少縮放、平移和滾動。

應用范圍:
響應式布局技術剛剛出現2年時間,但普及速度非常驚人。在國外20%的網站應用或正在改版成這種方式。在國內,這個比例也到達了8%。而且每天正在以新的數字進行刷新。這是未來的趨勢。
技術實現:
采用 RWD 設計的網站使用CSS3 Media queries,即一種對 @media 規則的擴展,以及流式的基于比例的網格和自適應大小的圖像以適應不同大小的設備:
Media queries允許網頁根據訪問站點設備的特點而使用不同 CSS 樣式規則,最常用的是瀏覽器的寬度。
流式網格概念要求頁面元素使用相對單位如百分比或 字體排印學 調整大小,而不是絕對的單位如像素或點。
靈活的圖像也以相對單位調整大小(最大到 100%),以防止它們顯示在包含它們的元素外面。
如果您還沒體會到頁面響應式設計概念,很簡單:用您的手機或PAD訪問我們的網站即可。在國內,對于這項新技術的陌生是很正常的,因為在國內專業實現這種技術建站的團隊確實很少,我們作為少數了解此技術的團隊,正在為更多的客戶提供他們的網站定制。





