Html 媒体查询可以与jquery mobile一起使用吗？

我只是在阅读如何开发具有响应性布局的网站。我想我已经掌握了这个想法，现在可以根据浏览器的尺寸来改变内容的样式

不过，我也研究了Jquery mobile，我喜欢他们使用的UI

我的问题是，有可能将两者结合起来吗？例如，我可以拥有一个在pc/mac上正常显示的网页，但当浏览器宽度下降到低于320px（例如）时，我可以切换到使用Jquery mobile吗

我认为这可以通过在我的页面中包含jquery mobile脚本以及“数据角色”属性来实现，但只有在浏览器具有特定大小时才包括jquery mobile样式表，即：

<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 320px)" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />

这有可能吗？我不知道我是否在尝试使用Jquery mobile来处理它不打算处理的事情？我是否应该拥有一个完全独立的网站，即拥有独立移动内容的网站？或者有没有可能有一个自适应的网站

---

谢谢

是jQM支持媒体查询：

• （甲级）

---

这是一个非常有趣的问题
答案取决于两种设计的不同程度，一种低于320px，另一种高于320px
如果差别很大，那么建立一个单独的移动网站是个好主意
但是如果差异很小，您可以通过CSS媒体查询来处理

---

您可以将CSS媒体查询与响应式Web设计结合起来，以处理不同大小的屏幕。
问题并没有像所问的那样得到真正的回答
您不能仅在移动站点上使用JQM，也不能仅在桌面上使用CSS媒体查询。你必须做完全不同的站点和重定向
一个可能更好的选择是在移动版和桌面版上都使用JQM，在这种情况下，CSS媒体查询可以完美地工作。这样做的问题是它限制了您如何使用JQM和如何设计站点。你真的不能把现有的现代桌面设计变成JQM

---

JQM演示本身使用媒体查询将其转换为桌面和平板电脑大小的浏览器上的两列布局，以及手机上的单列布局。这样做的问题：整个页面就像一个页面，这意味着div，例如侧菜单转换和重新加载新页面（这就是为什么他们只使用淡入淡出转换）。对于不涉及整个页面的内容，正常的AJAX加载需要使其涉及整个页面，或者在正常的JQM方式之外进行定制。在某些情况下可能不太难，但它会增加JS代码，使某些应用程序更加复杂。我还可以看到，对于比JQM演示更复杂的设计，CSS很快就失控了。
我最关心的是，要有一个单独的网站，就必须镜像内容。虽然我认为我们只会创建第二个网站，如果这两个网站是如此的不同，将有不同的内容无论如何。我想在我所说的情况下，我希望内容是相同的，我只想为不同的设备呈现不同的内容。。在这种情况下，我认为你是对的，媒体查询是最好的选择。我只是想使用JQuery移动用户界面！是的…媒体查询应该是选择不同屏幕大小的首选方式……在这种情况下只需要维护CSS……对于另一部分，U可以考虑Shanch Touch、Flowplayer、JQTouch以及JQuery Mobile…