[RWD]用Javascript來偵測是否為行動裝置最簡單的方法

在進行響應式網站開發(RWD)的時候,  
有時候最麻煩的,還不是CSS的部分(這個部分相對是最簡單的),  
稍微熟悉CSS語法的朋友們,  
只要透過『響應式網頁設計(Responsive Web Design,RWD)』技術,就可以很有效率的以CSS原生模式,解決不同平台間的樣式問題。  
不過有些功能,縱使再強大的CSS,也還是有一些鞭長莫及的地方,  
必須要個別建立行動裝置或是一般裝置不同的程式碼。  
 
那要如何使用偵測使用者是用什麼樣的裝置上網呢?  
 
基本上偵測的方法還蠻多的,像是一般多以 Javascript 去偵測裝置的類型,好比下面這樣的原始碼 ...full story ››

在設計行動版網站時,如何避免點選表單欄位時自動放大

在我們進行行動版網站設計的時候,  
不管是留言板或是訂單等等,頁面總是不免會出現一些表單欄位,  
當然,  
透過CSS的一些技巧,絕大多數的表單欄位、下拉選單等等都不會是問題,  
不過有很多朋友們發現,如果在手機版的網站中,  
一旦點擊了文字欄位或是下拉選單,  
那麼 iPhone 就會自動放大整個頁面(Zoom in),  
雖然這似乎是美意一樁,可以讓網友們打字時更便利,  
但問題是放大之後,就算離開這個欄位,  
頁面也不會自動還原為原來的大小,這樣就讓人苦惱了 ...full story ››