我们可以一起使用媒体查询和JQM吗？

Question

我正在尝试建立一个移动网站。我应该在这个项目中一起使用媒体查询和Jquery Mobile，还是一起使用它们是多余的。使用JQM构建的网站在桌面屏幕中看起来也很糟糕，这是否意味着如果我只使用Jquery Mobile，我必须为桌面和移动设备制作两个单独的HTML文件？

Answer 1

在您做任何其他事情之前，请考虑框架名称。它被称为移动有一个原因。别误会我的意思，我不是想在这里讽刺。

虽然jQuery Mobile可以用于移动和桌面页面开发，但它通常主要用于移动页面。它的GUI根本不适用于桌面浏览器。它可以通过广泛使用网格来完成。我说的是网格，因为每个jQuery Mobile小部件都是响应式的，如果你在块模式下使用它们，一切都放在另一个下面，它看起来会很大而且很难看。网格将允许您内联使用更多小部件。

您最好的解决方案是创建不同的桌面和移动应用程序。我甚至会给你一个单独的桌面和移动页面开发的好例子。请查看Songmeaning页面的 desktop 和 mobile 版本。就个人而言，我与这个页面无关，我发现它只是分离桌面/移动设计的绝佳范例。

关于您的其他问题，媒体查询可以与jQuery Mobile一起使用，但通常不需要它们。特别是如果你使用网格。对于更复杂的页面，您可以将前端HTML框架（如Tweeter Bootstrap与jQuery Mobile）结合使用。

最后，如果您要创建一个页面（桌面和移动设备），如果您不打算使用某些前端HTMl5框架，我会建议您使用媒体查询。