首頁 響應式設計 響應式網頁的基本條件
以類別搜尋
以關鍵字搜尋
響應式網頁的基本條件

響應式網頁的基本條件

 

 

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

 

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

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

 

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

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

 

 

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

 

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

 

 

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

 

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

 

 

 

圖片即時壓縮實作範例

條件三 : 必須要有手機版的選單

 

不論是電腦版還是手機版,主選單都必須要存在。

 

單元 :
演員 :
華碩
單元 :
演員 :
PC Home
單元 :
演員 :
Yahoo
單元 :
演員 :
宏碁

 

條件四 : 支援觸控操作

 

在行動裝置上,沒有滑鼠,只能靠手指來操作。

 

瀏覽器已經支援基本的上下移動網頁, 但是左右滑動則必須自行開發程式。

 



更多響應式網頁特色

 

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

 

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

 

 

 

Copyright © 1999 - 2017 泳森國際有限公司 版權所有
TEL: (02)2920-7571
FAX:(02)2920-5629 
 

營業時間 10:30 AM ~ 6:30 PM