问题:Jqtouch仅适用于“小屏幕”,并针对iPhone进行了优化。Jqtouch和桌面浏览器插件?
问题:我正在寻找一个jqtouch插件,通过改变任何需要的方式使其变得“桌面友好”。
可能的解决方案:我意识到我可以在检测桌面时做一个重定向到网站,但我确定有一个jQuery插件是为了使桌面浏览器友好而开发的,我无法找到它?
问题:Jqtouch仅适用于“小屏幕”,并针对iPhone进行了优化。Jqtouch和桌面浏览器插件?
问题:我正在寻找一个jqtouch插件,通过改变任何需要的方式使其变得“桌面友好”。
可能的解决方案:我意识到我可以在检测桌面时做一个重定向到网站,但我确定有一个jQuery插件是为了使桌面浏览器友好而开发的,我无法找到它?
它很便宜,但您可以检查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为平板电脑设计的也是设计用于浏览器,但你可以总是有一个工作表,只为桌面)
媒体查询令人困惑,它是由很多愚蠢的设计师博客在那里,但它变得更糟,但他们毫无疑问是一条可行的路,从长远来看可以为您节省大量的工作。
谢谢你的回答。你帮了很多忙! – Rod
我很高兴它做到了。这是我刚刚完成自学的完美时机! – Prospero