檔案名稱:RWD網頁切回電腦版模式(Bootstrap為例)


  現在螢幕的尺寸愈來愈多元化,要讓網頁的版面能符合各個螢幕的大小,這時得透過RWD的技術來解決不同裝置的問題,由於RWD是針對裝置的顯示尺寸,自行的縮放區塊,有別於以往的手機版與電腦版,是透過裝置來進行判斷顯示的頁面,因此當使用RWD所製作出來的網頁,就無法再回到電腦版,而RWD網頁在手機時,大部分都是條列式的區塊堆疊,因此在找資料時,就得不斷的向下滾動,這時還不如切回桌機版來尋找會比較快一些。

  由於RWD網頁則是以裝置的解析進行控制,因此在手機下,即便點了電腦版,也無法讓手機的顯示器變大,所以要如何在RWD網頁下回到電腦版呢?而這問題也有不朋友問到,所以梅干就趁著這次的中秋連假,一邊吃著柚子、一邊看著狂風大雨,突然有了靈感,於是就花了時間實際的實作看看,沒想到辦法總是人想出來的,終於實現了在RWD的網頁下,也可回到電腦版的模式,而這邊梅干是直接套用Bootstrap的Grid System,因此有製作RWD網頁想切回電腦版的朋友,也一塊來看看吧!


檔案下載