W
E
B
KNOWLEDGE
網頁知識
回網頁知識總覽
January 09 , 2015

【RWD嚮應式網站】跟【手機版網站】

所謂的「手機版網站」是您只有透過手機 or Pad進去看網頁時,會自動導入一個專屬於手機版的網站
而「RWD」則是依照您觀看的解析度,而去自動排列成方便觀看的大小
您會發現,其實手機版網頁的排版會比較制式,而RWD的網頁設計排版會比較多元化。

最近常常遇到一個問題就是很多人都會把「RWD」解釋為「手機版網站」,但這兩個是完全截然不同的東西!!

 

所謂的「手機版網站」是您只有透過手機 or Pad進去看網頁時,會自動導入一個專屬於手機版的網站

而「RWD」則是依照您觀看的解析度,而去自動排列成方便觀看的大小

您會發現,其實手機版網頁的排版會比較制式,而RWD的網頁設計排版會比較多元化。

 

但又有很多人問「我原本已經有網頁了,可以幫我做RWD嗎??」

答案絕對是「No!!」

為什麼呢??

 

因為RWD的網頁設計,必須從一開始就架構好

包含手機、平版、小筆電、大螢幕該怎麼編排都要先在腦袋中架構好並圖形化

進而去撰寫CSS,使網頁上的元素,都會正常的呈現在各個解析度的瀏覽器上

所以,要把一個CSS已經架構好的網頁,改成RWD??

重做比較快吧!!!!