问Jquery移动设计还是响应式设计？

EN

如果你也支持桌面屏幕，你可能不会使用jquery mobile。当涉及到手机和平板电脑时，Jquery mobile更有用。

另一方面，响应式设计使您能够在您的网站上显示信息，并保持其可读性和可用性，而不受屏幕尺寸的影响。如果你想支持所有的屏幕尺寸，请参考Twitter Bootstrap。

更新

通常情况下，桌面和移动/平板电脑有不同的用户界面。因此，根据屏幕大小，您可以决定每个组件(页眉、导航栏、侧边栏、正文、页脚)将如何在视口上布局，以及设计应该如何。

例如，与桌面版相比，你的网站将为手机提供单栏布局，为平板电脑提供2栏布局。

JQuery手机图标可以是你想要的大小，只要它是14px…

虽然这并不完全正确，但您必须非常了解如何在JQuery移动中使用CSS来更改图标的大小，更不用说在媒体查询中更改它们了。

按钮可以有文本和/或图标。如果在台式PC上有既有图标又有文本的按钮，而在移动设备上只有一个图标，那就太好了。这似乎更难，因为按钮的格式是通过给(或)元素提供btn-*类来指定的。例如：

<a href="#caddy" class="ui-btn ui-btn-icon-notext ui-corner-all ui-icon-caddy ui-nodisc-icon ui-alt-icon">Caddy</a>

或者：

<a href="#order" class="ui-btn-a ui-corner-all ui-btn ui-btn-icon-right ui-icon-carat-r">Checkout</a>

因此，responsive为您可以使用JQuery做的事情增加了更多的限制，从而使构建响应界面变得更加困难。

如果你的目标是屏幕比台式机小的移动和手持设备，最好使用jQuery mobile。

jQuery移动版的优点是它为你提供了一些额外的功能，如页面事件，页面转换，主题等。与手动编写代码来执行所有这些功能相比，它更容易和更简单。

此外，jQuery移动使用更多的流畅布局，这意味着您的页面适合大多数屏幕尺寸。响应式设计允许您根据屏幕大小显示/隐藏信息。