【发布时间】：2013-07-29 00:31:32
【问题描述】：
我正在尝试建立一个移动网站。我应该在这个项目中同时使用媒体查询和 Jquery Mobile，还是同时使用两者是多余的。此外，使用 JQM 构建的网站在桌面屏幕中看起来很糟糕，这是否意味着如果我只使用 Jquery Mobile，我必须为桌面和移动制作两个单独的 HTML 文件？
【问题讨论】：
标签： jquery jquery-mobile responsive-design media-queries
【发布时间】：2013-07-29 00:31:32
【问题描述】：
在您做任何其他事情之前，请考虑框架名称。它被称为移动是有原因的。不要误会我的意思，我在这里并不是要装腔作势。
虽然 jQuery Mobile 可用于移动和桌面页面开发，但它通常且主要用于移动页面。它的 GUI 根本不适合在桌面浏览器上使用。它可以通过广泛使用网格来完成。我说的是网格，因为每个 jQuery Mobile 小部件都是响应式的，如果你在块模式下使用它们，所有东西都放在另一个下面，它看起来又大又丑。网格将允许您内联使用更多小部件。
您最好的解决方案是创建不同的桌面和移动应用程序。我什至会给你一个单独的桌面和移动页面开发的很好的例子。查看 desktop 和 mobile 版本的 Songmeaning 页面。我个人与此页面无关，我只是觉得它是分离桌面/移动设计的绝佳示例。
关于您的其他问题，媒体查询可以与 jQuery Mobile 一起使用，但通常不需要它们。特别是如果您使用网格。对于更复杂的页面，您可以将 Tweeter Bootstrap 等前端 HTML 框架与 jQuery Mobile 结合使用。
最后，如果您只想创建一个页面（桌面和移动）并且不打算使用一些前端 HTMl5 框架，我会建议您使用媒体查询。
【讨论】：