2011-10-14 73 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