如何获取当前的CSS媒体参数值？

Question

我正在尝试通过修改样式面板中的@media行来使用Chrome开发者工具调试媒体查询。但这太费力了。

我正在寻找的是：

• 宽度/设备宽度（以像素/毫米/单位为单位）
• 字体大小，单位为毫米

有没有办法运行jQuery命令或其他工具来获取这些值？

对调试媒体查询的任何搜索都会在一个特定页面或手工调试（编辑，查看等）或$('body').width()之类的简单内容中找到建议。

Answer 1

您始终可以从正文中获取宽度和高度（使用JavaScript），并使用这些像素值进行计算。

喜欢（jQuery）：

var screenWidth = $('body').width();

这是一个演示，这可能会对你有所帮助。 http://codepen.io/gabrieleromanato/pen/CuviB

我认为类似的条目：How can you get the CSS pixel / device pixel ratio?