jQuery、jQuery UI和jQuery Mobile如何组合在一起

为了保持简单和简短 - 你应该使用（或考虑使用）响应式网页设计。 主要思想是开发CSS以根据屏幕宽度处理重新调整大小/重新组织。 这使您可以处理屏幕足够宽以被识别为桌面屏幕的情况，同时能够调整到移动屏幕尺寸 - 无论设备如何。

让您的 CSS 调整页面上元素的大小/位置允许您为所有用户提供一组代码（没有单独的移动/桌面站点）。 您只需花费更多的时间和精力来设计您的网站来处理页面宽度的重新调整。

jquery库在移动设备上的工作方式与在"传统"平台上的工作方式相同。 不过，有时您可能希望利用各种jquery库的移动增强版本。

• 举个例子：当你在导航菜单上有嵌套的链接时，当你点击一个类别，如"衬衫"，然后是一个子类别，如"纽扣"，然后是一个子类别，如"蓝色"。 在"传统"平台上，用户可以将鼠标光标悬停在元素上以展开嵌套 - 在移动平台上，用户可能希望点击每个类别/子类别以展开嵌套的导航按钮。

这完全取决于您的网站设计 - 在设计响应式网站时，我通常针对"移动"和"桌面"设备的视图之间的脚本差异很小 - 因此两者的开发对我来说都没有变化，我将新网站视为"响应式"，并从一开始就考虑到可重新调整大小的浏览器。

此外，有关 jquery、jquery ui 和 jquery 移动库的详细信息的进一步说明，请参阅Tats_innit引用的链接。