2011-10-14 72 views
0

問題:Jqtouch僅適用於「小屏幕」,並針對iPhone進行了優化。Jqtouch和桌面瀏覽器插件?

問題:我正在尋找一個jqtouch插件,通過改變任何需要的方式使其變得「桌面友好」。

可能的解決方案:我意識到我可以在檢測桌面時做一個重定向到網站,但我確定有一個jQuery插件是爲了使桌面瀏覽器友好而開發的,我無法找到它?

回答

0

它很便宜,但您可以檢查window.Touch,並且會讓您知道您正在處理觸摸屏。儘管你可以擁有一個桌面觸摸屏,但界面體驗與移動設備相同。

我使用特殊媒體查詢代替檢測屏幕的大小和設備的不類型
http://www.w3.org/TR/css3-mediaqueries/
https://developer.mozilla.org/en/CSS/Media_queries

@import url('./collect-p.css') only screen and (max-device-width: 1024px) and (orientation:portrait); 

@import url('./collect-l.css') only screen and (max-device-width: 1024px) and (orientation:landscape); 

@import url('./collect-l.css') only screen and (min-device-width: 1025px); 

第一查詢將在加載一個樣式表一個iPad縱向
第二個查詢將在橫向加載一個Ipad的樣式表
最後一個查詢將爲任何其他東西(包括常規瀏覽器)加載樣式表(在我的例子中,佈局I爲平板電腦設計的也是設計用於瀏覽器,但你可以總是有一個工作表,只爲桌面)


媒體查詢令人困惑,它是由很多愚蠢的設計師博客在那裏,但它變得更糟,但他們毫無疑問是一條可行的路,從長遠來看可以爲您節省大量的工作。

+0

謝謝你的回答。你幫了很多忙! – Rod

+0

我很高興它做到了。這是我剛剛完成自學的完美時機! – Prospero