文章

RWD 適應性網頁設計

適應性網頁設計簡介

適應性網頁設計 (Responsive Web Design) 簡稱 RWD ，也有人說是自適應網頁設計，或是響應式網頁設計。隨著行動裝置愈來愈多樣化，適應性網頁設計也愈來愈流行。

RWD 是一種網頁設計的技術，這種設計主要是希望讓網站在多種瀏覽裝置上（例如：個人電腦、平板電腦，以及手機…等行動裝置），都能夠順利閱讀和導覽，並且可以減少在小型裝置瀏覽器上，縮放、平移和捲動螢幕的操作。

適應性網頁設計和過去的網頁設計方式，究竟有什麼不同呢？

傳統網頁設計的瀏覽呈現

傳統的網頁設計方式，在不同裝置上，都是同樣的呈現方式。在小型裝置瀏覽器下顯示，只是網頁依比例縮小。有時照片、文字、選單、按鈕…等，都小到看不清楚，或是不容易點選。所以需要使用縮放手勢，不斷的去放大縮小觀看網頁。 (如下圖)

傳統網頁設計 - 瀏覽示意圖

適應性網頁設計的瀏覽呈現

RWD 的網頁設計方式，則是依不同的螢幕解析寬度，去調整不一樣的網頁顯示及導覽方式，讓小型裝置瀏覽器上的網頁，字體不至於縮到太小，選單、按鈕、連結…等，也不太需要經過縮放，就能方便點選操作。 (如下圖)

RWD 適應性網頁設計 - 瀏覽示意圖

※ 本文歡迎大家在網頁中連結或加入我的最愛，但複製、引用、轉載或做其它商業用途者，請註明此原文出處及原始連結，未註明出處者必究。

網站案例

不合時宜的瀏覽器 – 支持淘汰 IE6

/在：

Internet Explorer 6 亦即 IE6 ，是目前微軟 Internet Explorer 系列中存活最久的瀏覽器。

也由於微軟 Windows XP 的普及，有極廣大的使用者。

不過由於 IE6 有許多的問題，因此漸漸被許多人所垢病，甚至還有人在 Facebook 上的 IE6 去死團。現在不但各大網站已經陸續表態即將不支援 IE6 ，連微軟本身也因為提供更新的 IE7 、 IE8 瀏覽器，而呼籲大家別再用 IE6 了。

除了 IE7 、 IE8 的出現之外，其它像 FireFox 及 Google Chrome 等瀏覽器的出現，也是促使大家更急於丟棄 IE6 的原因之一。 (因為相較之下，有更好的瀏覽器，當然就不想再用問題多多的 IE6 囉)

因此如果您還在使用 IE6 的話，我們建議您立即升級或改用以下瀏覽器：

如果您還是有許多的不願意，想繼續使用 IE6 的話，建議您參考以下文章：

IE6 被市場淘汰，已是遲早的事了。 :)

※ 本文歡迎大家在網頁中連結或加入我的最愛，但複製、引用、轉載或做其它商業用途者，請註明此原文出處及原始連結，未註明出處者必究。

頁面

RWD 適應性網頁設計

適應性網頁設計簡介

適應性網頁設計 (Responsive Web Design) 簡稱 RWD ，也有人說是自適應網頁設計，或是響應式網頁設計。隨著行動裝置愈來愈多樣化，適應性網頁設計也愈來愈流行。

RWD 是一種網頁設計的技術，這種設計主要是希望讓網站在多種瀏覽裝置上（例如：個人電腦、平板電腦，以及手機…等行動裝置），都能夠順利閱讀和導覽，並且可以減少在小型裝置瀏覽器上，縮放、平移和捲動螢幕的操作。

適應性網頁設計和過去的網頁設計方式，究竟有什麼不同呢？

傳統網頁設計的瀏覽呈現

傳統的網頁設計方式，在不同裝置上，都是同樣的呈現方式。在小型裝置瀏覽器下顯示，只是網頁依比例縮小。有時照片、文字、選單、按鈕…等，都小到看不清楚，或是不容易點選。所以需要使用縮放手勢，不斷的去放大縮小觀看網頁。 (如下圖)

傳統網頁設計 - 瀏覽示意圖

適應性網頁設計的瀏覽呈現

RWD 的網頁設計方式，則是依不同的螢幕解析寬度，去調整不一樣的網頁顯示及導覽方式，讓小型裝置瀏覽器上的網頁，字體不至於縮到太小，選單、按鈕、連結…等，也不太需要經過縮放，就能方便點選操作。 (如下圖)

RWD 適應性網頁設計 - 瀏覽示意圖

※ 本文歡迎大家在網頁中連結或加入我的最愛，但複製、引用、轉載或做其它商業用途者，請註明此原文出處及原始連結，未註明出處者必究。

網站案例

不合時宜的瀏覽器 – 支持淘汰 IE6

/在：

Internet Explorer 6 亦即 IE6 ，是目前微軟 Internet Explorer 系列中存活最久的瀏覽器。

也由於微軟 Windows XP 的普及，有極廣大的使用者。

不過由於 IE6 有許多的問題，因此漸漸被許多人所垢病，甚至還有人在 Facebook 上的 IE6 去死團。現在不但各大網站已經陸續表態即將不支援 IE6 ，連微軟本身也因為提供更新的 IE7 、 IE8 瀏覽器，而呼籲大家別再用 IE6 了。

除了 IE7 、 IE8 的出現之外，其它像 FireFox 及 Google Chrome 等瀏覽器的出現，也是促使大家更急於丟棄 IE6 的原因之一。 (因為相較之下，有更好的瀏覽器，當然就不想再用問題多多的 IE6 囉)

因此如果您還在使用 IE6 的話，我們建議您立即升級或改用以下瀏覽器：

如果您還是有許多的不願意，想繼續使用 IE6 的話，建議您參考以下文章：

IE6 被市場淘汰，已是遲早的事了。 :)

※ 本文歡迎大家在網頁中連結或加入我的最愛，但複製、引用、轉載或做其它商業用途者，請註明此原文出處及原始連結，未註明出處者必究。