2013-03-04 87 views
0

我一直在研究獲取設備類型以觸發移動網站的好方法,許多人仍然使用以像素爲單位獲取屏幕寬度/高度的腳本來確定移動設備是否用過與否。獲取移動網頁設備類型的新方法

但是手機/平板電腦的分辨率極高,所以我們需要另闢蹊徑來觸發正常網站和移動網站之間的切換。 手機的屏幕尺寸爲1,280 x 768 - 1920x1080,平板電腦的屏幕尺寸爲1920x1080至2560x1600。

什麼是確定移動與否的正確的防錯方法? 我不想在PHP中使用JavaScript,如果有更簡單的方法,那麼JavaScript請告訴!

+0

主要問題是:你的「移動」的定義是什麼?你有沒有讀過[this](http://stackoverflow.com/questions/3514784/best-way-to-detect-handheld-device-in-jquery)問題?此外,請參閱[巴特的答案](http://stackoverflow.com/questions/3514784/best-way-to-detect-handheld-device-in-jquery#3515311)這是非常好的國際海事組織。 – Uooo 2013-03-04 11:48:44

回答

0

您可以讓移動網站響應谷歌CSS中的媒體查詢 它會覆蓋您的網站正常的CSS。媒體查詢將檢查決議和你放什麼在媒體查詢將在那樣 http://webdesignerwall.com/tutorials/css3-media-queries

用JavaScript你能做到請與我這個網頁上找到的代碼瀏覽器的分辨率顯示這樣的: http://www.abeautifulsite.net/blog/2011/11/detecting-mobile-devices-with-javascript/

與該代碼,你可以重定向到一個專門爲移動網站設計的網站