JQuery移动和CSS3媒体查询

我正在写一个手机友好的网页，我是jquerymobile。然而，在我的CSS中，我使用了许多媒体查询。这一切都很好，除非我想使用AJAX（JQueryMobile的'dataAjax'属性）加载页面。如果我这样做，似乎没有考虑媒体查询。只有当我刷新页面时，媒体查询才会出现

有没有人有过这方面的经验，或者他们能告诉我这是怎么回事

我已经在azure上发布了一个示例来演示。它包含一个登录表单（不需要用户名或密码-只需单击“登录”）。在目标（home.html）上有一个div，应该使用宽度大于767px的媒体查询来隐藏它。但是，当我向下调整窗口大小时，它并没有隐藏。只有重新加载页面并调整大小时才会发生这种情况

请看这里：

提前谢谢

啊哈

我犯了一个非常愚蠢的错误。正如我在上面提到的，为了回应hungerpain，我在

标记中包含了媒体查询的CSS。我是在将它们从包含的样式表中移开后得出这一点的，我认为这样可以解决问题。事实证明，事实并非如此。然而，我发现在加载页面（我加载目标URL的页面）中，我应该引用包含的样式表，或者至少在

标记中添加媒体查询

因此，总结一下-

我加载了index.html

我想将home.html加载到其中，并根据视口大小在home.html中隐藏一个DIV

我不应该像以前那样在home.html中包含媒体查询，而是应该在父页面index.html中包含媒体查询/样式表，因为home.html的html内容将加载到该页面中

谢谢各位

---

T

在通过ajax引入的页面中，您在哪里引用css文件？如果您证明了测试或更多信息，您可能会得到更好的帮助。您的问题听起来不像我遇到的任何问题，看起来您可能做错了什么。@hungerpain-媒体查询的css实际上直接存储在使用ajax生成的页面中。@Ryan-有关示例，请参阅上面的编辑。