我正在编写一个移动友好的网页,我是JQuery Mobile。但是,在我的CSS中,我使用了许多媒体查询。除非我想使用AJAX(JQueryMobile的'data-ajax'属性)加载页面,否则这一切都很好。如果我这样做,则似乎不会考虑媒体查询。只有当我刷新媒体查询似乎启动的页面时才会启动。
有没有人在这方面有过任何经验,或者他们能否解释我的情况?
我在azure上发布了一个样本来演示。它包含一个登录表单(无需用户名或密码 - 只需单击“登录”)。在目标(home.html)上,有一个div应该使用宽度大于767px的媒体查询隐藏。然而,当我调整窗口大小时,它并没有隐藏。只有在我重新加载页面并调整大小时才会发生这种情况。
见这里:http://testjquerymob.azurewebsites.net/index.html
提前致谢。
Ť
答案 0 :(得分:0)
啊哈!
在我这边非常愚蠢的错误。正如我在上面回应 hungerpain 时提到的,我在<style>
标签内包含了媒体查询的CSS。在从包含的样式表中移动它们之后,我认为它会对问题进行排序,从而达到了这一点。事实证明它没有。但是,我发现之后的是它在加载页面(我正在加载目标URL的页面)内,我应该引用包含的样式表,或者至少在{{1中添加媒体查询标签。
所以,总结一下 -
谢谢你们,
Ť