Question

问题：Jqtouch仅适用于“小屏幕”，并针对iPhone进行了优化。

问题：我正在寻找一个jqtouch插件，通过改变所需的内容使其“桌面友好”。

可能的解决方案：我意识到我可以在检测桌面时重定向到一个网站，但我确定有一个jquery插件是为了使桌面浏览器友好而开发的，我只是找不到它？

Answer 1

它很便宜，但你可以检查窗口。触摸，这将让你知道你正在处理触摸屏。即使您可以使用触摸屏作为桌面，但界面体验与移动设备相同。

我使用特殊媒体查询来检测屏幕尺寸而不是设备类型
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加载样式表
最后一个查询将加载任何其他东西的样式表，包括常规浏览器（在我的情况下，我为平板电脑制作的布局也适用于浏览器，但你总是可以为桌面设置一张表格）

我不得不说媒体查询令人困惑，很多愚蠢的设计师博客都会让它变得更糟，但是他们对这种方式毫无疑问，从长远来看，它将为你节省大量的工作

Jqtouch和桌面浏览器插件？

1 个答案: