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

Posted 2023-03-06

【中文标题】使用 jQuery Mobile 和响应式布局/CSS 媒体查询是不是是多余的？

【英文标题】：Is it redundant using jQuery Mobile and a responsive layout /CSS media queries?使用 jQuery Mobile 和响应式布局/CSS 媒体查询是否是多余的？

【发布时间】：2011-11-08 18:39:01

【问题描述】：

我今天查看了http://mediaqueri.es/，发现这些网站非常适合移动设备。所以我想知道是否将 jQuery Mobile 和响应/自适应布局与媒体查询一起使用是多余的，因为仅使用媒体查询似乎是一个好方法。 这真的是多余的还是我在喝咖啡？

编辑

示例： 我看不出this website 将如何从使用jQuery Mobile 中受益，因为它使用媒体查询做得很好。

公平地说，我看不到 this website 在没有 jQuery Mobile 的情况下完成，呵呵。在没有 jQuery Mobile 的情况下重现“本机应用程序”的外观和感觉会很困难，这是正确的吗？

【问题讨论】：

你可以看到有人在这里讲述：***.com/questions/6844020/…

【参考方案1】：

就我个人而言，我认为 jQuery Mobile 不会让媒体查询过时。在我看来，jQuery mobile 的一大优势在于，它通过使表单元素变得更大等来使它们对移动设备更友好。但是如果你想根据设备改变其他东西，比如图像的大小，你可能仍想使用媒体查询来加载适当的 css 文件。

【参考方案2】：

Jquery Mobile 很棒，我喜欢它！但我不喜欢他们隐藏自己的缺点，即使他们在自己的演示中使用。 就是这样：如果您使用媒体查询在更大的设备上添加内容块，则必须限制 jqm 效果（主要是转换），并且在规划页面/内容的布局/加载时要非常小心。

他们甚至在自己的演示中使用媒体查询（使用“last minute CSS hacks”）来在平板电脑和台式机上提供带有侧边菜单的两列布局。您还会注意到，他们唯一可以使用的效果是淡入淡出，因为整个页面就像一个页面，您不能只转换部分内容。换句话说，侧边菜单被复制并再次显示在链接页面上。这不仅仅是因为过渡效果的问题，它使网站规划更加复杂。我想将它用于功能齐全的网站，但对于我想做的事情来说，限制可能太多了。

因此，要回答您的问题，这并不是多余的，但它确实使 JQM 不像它设计的那样简单。对于那些已经为他们的桌面网络应用程序进行大量 CSS 调整的人来说，这对您来说可能不是太多工作，但在开始之前，我会确保您对 JQM 的工作原理有非常透彻的了解。

【参考方案3】：

如果你有一个 web 应用程序，我认为 jquery mobile 会很棒......就像一个有很多表单和表格的应用程序和那种东西......不仅仅是一个显示信息的网站......