AWD網頁與RWD網頁有什麼差別?一次認識2大差異

為了符合行動裝置的使用者體驗,現今網頁幾乎都具備AWD網頁(Adaptive Web Design)或RWD網頁(Responsive Web Design),但在架設網站時究竟該如何選擇?AWD網頁和RWD網頁有哪些差異?本文為你整理了兩者的2個主要差異,如果你也很好奇的話,就繼續看下去吧!

AWD網頁與RWD網頁的差異1:網頁內容

AWD網頁是根據螢幕寬度調整網頁大小,而隨著螢幕大小不同,為了符合使用者體驗,網頁內容也會有些許調整,通常螢幕寬度越小,內容會越簡潔;RWD網頁則是根據裝置不同調整網頁大小,但網頁內容不會因為裝置不同而有所改變。

AWD網頁與RWD網頁的差異2:需產出的CSS版本

CSS(Cascading Style Sheets)簡單來說就是網站樣式的模板,使用AWD網頁時,需要根據不同的裝置設計不一樣的CSS檔案,使用RWD網頁時,則只需要設計一套CSS檔案即可。

 

延伸閱讀:

AWD網頁有什麼好處?3大優點完整解析

AWD網頁是什麼?認識AWD與RWD的差別