Responsive Web Design

出自維基百科,自由嘅百科全書
跳去: 定向搵嘢

Responsive web design (RWD) 响應式網頁設計係一種網頁設計嘅方法, 主要係畀啲使用者用係唔同嘅唔同嘅電子產品度看得更清楚, 以前啲網頁設計師為咗方便啲平板電腦同埋智能電話使用者可以喺畫面度睇得清楚啲, 噤佢哋就將電腦網頁嘅畫面縮細喺中間, 又或者縮咗喺左面, 所以自從平板電腦同埋智能電腦出咗世後, 好多網站都縮咗, 浪費咗畫面嘅空間, 响應式網頁設計係網頁設計界嘅革命, 佢可以使啲網頁喺乜嘢電腦都用得. 唔使改尺寸, 放大縮細.

用响應式網頁設計嘅佈局排位可以喺唔同嘅環境度睇, 因為佢哋用咗液態技術以比例式網格做佢根基, 彈性影像處理, 佢哋再唔訂死咗尺寸而用百份比, 字體又可以按畫面放大縮細, 主要因為佢哋用咗最新嘅CSS3層叠樣式表 media 同埋 @media 媒體資詢擴展技術.

液態網格概念用嘅係相對式單位例如百份比來取代以前嘅絶對尺寸單位如pixels 或者points等. 彈性影像都係用相對式單位等佢哋縮細時唔使定死咗大過啲裝住佢哋嘅邊柜,標籤或者元素.@media 媒體資詢技術使到啲網頁喺唔同嘅媒體度就用唔同嘅CSS層叠樣式表, 而最普遍嘅就係瀏覽器寛度.

伺服器端嘅元件 (RESS) 同埋客戶端嘅元件如 (media queries) 媒體資詢擴展可以使到啲網頁喺智能電話度下載得更快,令電話發放嘅功能更强大,唔使靠晒啲電話嗰面嘅軟件運作.

[編輯]

參考 思田搜