響應式網頁的基本條件

甚麼樣的網頁才算的上是一個響應式網頁  ？

響應式網頁該具備甚麼樣的特色與功能？

條件一 : 內容區塊自動調整

不管瀏覽器如何調整大小 , 網頁內容都會自動調整移動，

網頁內容的寬度 永遠不會超過瀏覽器目前寬度 ，更不會出現橫向卷軸。 

條件二 : 圖片動態裁切與壓縮

面對不穩定頻寬 與 不同尺寸裝置 的瀏覽器，圖片必須被動態壓縮 ，以節省網路負載。

如 : 小尺寸的手機，不需要 完整的大張圖片。

可能的實作方式如下頁所示 :

圖片即時壓縮實作範例

更多響應式網頁特色

除了前面提到的基本條件外 , 進階的響應式網頁還有 :

• 圖片延遲載入
• 自動轉換表格(Table)為響應式結構 
• 完全不使用 Flash 或 SliverLight
• 根據地理區域變換內容 
• 根據使用者變換內容