Jquery 如何显示正在使用的媒体查询

在使用Razor view engine、JQuery和JQuery mobile的ASP.NET MVC 4移动网站中，是否可能以某种方式显示正在使用的媒体查询？如果是，那怎么办？我知道我可以在桌面上使用Chrome，通过调整窗口大小和检查受影响的元素来查看哪个正在使用，但我希望能够在页面上显示它，这样我就可以确定手机上正在使用哪个。似乎在一部手机的肖像中使用了不同的媒体查询。。。。我的意思是，它看起来是单向的，然后我从纵向到横向再到纵向，然后纵向视图看起来像是使用了与以前不同的媒体查询

解决方案：

我把它放在我的布局页面的底部（它可以在iphone上工作，但由于某种原因不能像2.1这样的老版本的androids）：

编辑：

---

Android 2.1的浏览器不支持自定义css属性。我认为这主要是一个HTML5问题。

您可以为每个选择器创建一个虚拟类和元素，然后使用JavaScript检查并检查其值

例如：

<div id="version"></div>

#version {
    content:"300wide";
    display:none;
}


alert($('#version').css('content'))

#版本{
内容：“300宽”；
显示：无；
}
警报（$（'version'）.css（'content'））

这是一个非常宽泛的问题。您是说想要执行类似“检查元素”的操作并查看所述元素的id/类吗？或者别的什么？这些被称为媒体查询，而不是选择器。这对我很有用。。我会把我的答案贴在问题上。谢谢很高兴听到。请选择答案。@Soenhay:答案应该在答案字段中，而不是问题。请将您的解决方案作为单独的答案发布。接受哪一个答案取决于你，但请记住，你只能选择一个。

@media all and (max-width: 320px) {
    #version { content:"320px"; }
}
@media all and (max-width: 240px) {
    #version { content:"240px";}
}
etc...

<div id="version"></div>

#version {
    content:"300wide";
    display:none;
}


alert($('#version').css('content'))