8

我一直在对构建响应式设计进行大量研究。所以我从这里看到了这篇文章：

使用 jQuery Mobile 和响应式布局/CSS 媒体查询是否是多余的？

它让我思考。响应式设计不会取代制作 Jquery Mobile 网站吗？因为响应式设计与 JQ Mobile 所做的相同，但更好，因为您可以更好地控制每个区域。如果我错了，请纠正我，我只是想知道和学习！那么，为什么会有人想要使用 JQuery Mobile 甚至使用带有响应式设计的 JQ Mobile 呢？

4

5 回答 5

2

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

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

更新

通常你有不同的桌面和移动/平板电脑用户界面。因此，根据屏幕大小，您可以决定每个组件（页眉、导航栏、侧边栏、正文、页脚）在视口上的布局方式以及设计方式。

例如，与您的桌面版本相比，您的网站将为移动设备提供单列布局，为平板电脑提供 2 列布局。

于 2013-09-25T06:30:10.920 回答
2

JQuery Mobile 图标可以是您想要的大小，只要它是 14 像素...

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

按钮可以有文本和/或图标。如果在桌面 PC 上有带有图标和文本的按钮，而在移动设备上只有一个图标，那就太好了。好吧，这似乎更难，因为按钮的格式是通过将 btn-* 类指定给 <button>（或 <a>）元素来指定的。例如：

<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>

因此，JQuery Mobile 为您可以使用 CSS 执行的操作添加了更多限制，从而使构建响应式界面变得更加困难。

于 2014-07-03T06:46:04.623 回答
1

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

jQuery Mobile 的优势在于它为您提供了一些额外的功能，如页面事件、页面转换、主题等。与编写代码来手动执行所有这些相比，它更容易更简单。

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

于 2013-09-25T11:34:35.293 回答
0

如果您正在创建响应式设计 Web 应用程序，我是否建议您遵循Mobile-first方法，这基本上意味着您首先为移动设备设计和构建应用程序，而不是在 PC 版本完成后进行？

以下是文章中的一个示例：

 /*Large screen styles first - Avoid*/
.product-img {
  width: 50%;
  float: left;
}
@media screen and (max-width: 40.5em) {
  .product-img {
    width: auto;
    float: none;
  }
}
/* mobile first approach */
@media screen and (min-width: 40.5em) {
  .product-img {
    width: 50%;
    float: left;
  }
}

这样一来，您可能会觉得 jQuery mobile 在您的开发过程中是多余的。当然，正如其他人所提到的，当您想为手机和平板电脑构建单独的应用程序时，jQuery mobile 会派上用场。

于 2013-09-26T10:53:15.773 回答
-3

如果你想建立移动网站，那么你必须使用jQuery mobile，如果你想支持桌面浏览器和移动浏览器，那么你必须使用引导程序或基础框架来制作响应式网站。

于 2013-09-25T09:02:19.577 回答