響應式網站技術

隨著網路通訊的盛行,行動裝置幾乎已是人人隨身必備之一,為了因應每日推陳出新的螢幕尺寸規格,著名網頁設計師Ethan Marcotte於2010年5月提出了響應式網頁設計概念。所謂響應式網頁設計,又稱響應式網頁設計(Responsive web design縮寫RWD) 為一種網頁設計的技術,透過CSS3+ Media Queries網頁技術設計,依據使用者的裝置(電腦、平板、手機),網頁程式能自動分辨及切換,將相同網頁內容,不論是文字、圖片皆可以完整瀏覽並適應於在不同尺寸、解析度的裝置上,隨著版面自動更改編排方式,正確的顯示網頁內容,提供最佳的視覺感受。


早期的手機網頁開發都是與電腦上的網站區隔開來另外再製做,此種方式導致管理者若要更新網頁內容時就必須要更新兩次,由於內容皆由同一個網頁轉換,管理者不需再花費兩倍時間重複更新網頁資訊,使用響應式網頁技術一次就搞定!

優點缺點
  1. 自由的跨平台瀏覽,自動調整網站內容,
      適用於各種尺寸螢幕顯示器。
  1. 載入速度慢的問題。
  2. 同一後台管理,電腦、平板、手機,資訊同步
      更新。
  2. 單元選單過長
  3. 同時減少於螢幕上縮放、平移、捲動的操作。 
  4. 維護成本低

Comment (2)

  • ปั้มไลค์| 25 6 月, 2020

    Like!! Really appreciate you sharing this blog post.Really thank you! Keep writing.

  • Leave a Reply

    發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *