快速了解回應式網頁設計
10 May 2021
隨著智慧型手機的普及與網頁的技術的進步,近年來無論是企業還是客戶、人人都開始重視手機上的視覺效果,說到手機版網頁就不得不提近年最眾所矚目的技術-回應式網頁設計(Responsive Web Design)。
您說等等、什麼是響應式網頁設計?
就從經營面來說,為了讓手機也能順暢瀏覽網頁,以往的作法是會再量身打造一個手機版網站,和桌上型電腦所瀏覽的網站分別是兩個不同的獨立網站,而這麼做雖然是省了重新規劃桌機版網站的時間,但管理者若要更新網頁內容時就必須更新兩次-手機版一次、桌機版一次,尤其如網站沒有後台管理系統、或是委託的資訊公司不同家時,資料的新增修改就顯得更加麻煩且費時。
響應式網頁設計
響應式網頁設計(Responsive Web Design)簡稱RWD,又稱適應性網頁、自適應網頁設計、回應式網頁設計、多螢網頁設計,這是一項被公認在2014年網頁設計開發技術的趨勢,網站使用CSS3,以百分比的方式以及彈性的畫面設計,在不同解析度下改變網頁頁面的佈局排版,讓不同的設備都可以正常瀏覽同一網站,提供最佳的視覺體驗,是個因移動平台的用戶大量增加而想出的一個對應方法。
▲ 如果螢幕解析度在400像素以下,則原本左右編排的版型都會變成直條狀,以便手機閱讀。
簡單來說,RWD可以使得網站透過不同大小的螢幕視窗來改變網頁排版的方式,使得各種裝置的使用者,如電腦、平板、手機、電視都能夠得到最佳的視覺效果,由於是由同一個網頁內容轉變,管理者也就不必大費周章的重複更新網頁資訊。