RWD響應式網頁設計是指網站能跨平台使用,自動偵測使用者上網的裝置尺寸,能針對不同螢幕尺寸而自動調整網頁圖文內容, 讓使用者在用手機瀏覽您的網站時,不用一直忙著縮小放大拖曳,給使用者最佳瀏覽畫面。
為因應大量增加的移動平台用戶,自2014年起網頁設計開發技術的趨勢,網站使用CSS3,以百分比的方式以及彈性的畫面設計,因應不同設備與解析度 改變網頁的佈局排版,提供最佳的視覺體驗與最方便的網上操作。
1、三機一體 完整呈現:
網頁設計使用最新的HTML5與CSS3技術,網站會因應桌機、平板、手機設備的不同而產生相對應的畫面,客戶不需要額外 花錢設計手機版網站。
2、更親近瀏覽者:
APP需從應用程式商店中下載安裝,方便性與實用性比不上直接瀏覽網頁,RWD的設計更加貼近使用者。
3、開發費用更低:
RWD網頁設計一套程式適用桌機、平板、手機等各種設備,APP的開發需投入大量資金,可能還要同時開發iOS與Android兩種 版本,費用高出許多。
4、網站維護成本低:
以前的網站,除了分開製作電腦版與手機版網站,維護網頁的工作也是除了電腦版與手機版分開處理,等於做兩次工;RWD網頁技術 僅需新增維護一次內容,便可同時更新三種平台的裝置,省時省工。
1、舊IE瀏覽器不適用:
RWD網頁技術已開發最新的程式技術,所以瀏覽器太舊的版本(IE7以下)不支援。
2、手機瀏覽的介面不能太過複雜:
手機畫面寬度較窄,網站設計時內容不能太過複雜,否則容易造成載入速度慢;也不好瀏覽。
3、開發時間較長:
RWD網頁設計所開發的程式,同時要符合多裝置都相同呈現,故所花費的開發時間一定比較多。