好吧我對Mobile Detection有了一些很好的建議,但仍然存在主題平板電腦的問題,因爲平板電腦視圖和移動設備的圖標會更大。我使用jQueryMobile作爲框架,它確實檢測到了iPad(我確信其他平板電腦正在開發中),但是如何檢測它是平板電腦還是移動設備呢?我會隨着屏幕尺寸而去嗎?平板電腦檢測
如果是這種情況,那麼移動設備的最大屏幕尺寸或平板電腦的最小屏幕尺寸是多少?
有沒有更好的方法?
好吧我對Mobile Detection有了一些很好的建議,但仍然存在主題平板電腦的問題,因爲平板電腦視圖和移動設備的圖標會更大。我使用jQueryMobile作爲框架,它確實檢測到了iPad(我確信其他平板電腦正在開發中),但是如何檢測它是平板電腦還是移動設備呢?我會隨着屏幕尺寸而去嗎?平板電腦檢測
如果是這種情況,那麼移動設備的最大屏幕尺寸或平板電腦的最小屏幕尺寸是多少?
有沒有更好的方法?
jQuery Mobile爲body標籤添加類,使您可以爲所有設備輕鬆創建單個CSS。
在這裏看到:http://jquerymobile.com/demos/1.0a3/#docs/api/mediahelpers.html
更新
由於β2傭工將被棄用並去除設定。無論如何,你應該看看media queries
這些用於放置這些類的東西。
我建議使用媒體查詢並定位不同的CSS樣式表。
我們正在開發使用Formfactor檢測庫,如FormfactorJS - 注意,我創建了這個。
該理論使用相同的語義HTML,可以專門爲給定類別的設備(智能手機,平板電腦,桌面等)使用CSS和Javascript,同時也可以使用媒體查詢來識別各個設備配置文件的響應式設計。
您有沒有考慮過設備檢測庫,如wurfl,tera-wurfl或專有deviceAtlas?
是的,我看過他們,謝謝。我確實在將來的項目中看到了他們的需求+1 – 2011-06-03 12:57:26
雖然請注意許可證!我們只是決定不使用wurfl java api,因爲它帶有AGPL許可證。 – Timo 2011-06-09 05:48:20
您是否考慮過服務器端檢測的好處? OpenDDR提供.NET和Java庫,根據LGPL許可。
當您提供PHP或Python風格時,請告知我 – 2012-07-03 12:55:41
是的,我明白我需要爲每臺設備組不同的CSS樣式表,但想知道如何確定的設備? – 2011-02-28 16:12:59
就我所知,您不能單獨針對每個設備,但可以使用媒體查詢(http://css-tricks.com/css-media-queries/)來定位不同的屏幕尺寸,應該有幫助? – 2011-02-28 17:02:47
偉大的鏈接,謝謝! – 2011-02-28 18:03:20