调试@media - 工具还是如何？

Question

有没有人知道像调试工具这样的firebug会通知用户他们当前正在查看哪个@media标签？

它将清除用户应在代码中调试的位置的任何混淆。

使用最新的Bootstrap（截至今天）。

其次，这让我想到了主要问题，当屏幕尺寸改变元素在屏幕上按预期移动时，但是当屏幕改变时，1 div会以错误的方向移出。观察firebug，没有html / css代码更改。

所以这一定是JS？无论哪种方式开始跟踪故障？

Answer 1

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

例如：

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

#media-version {
  content:"Full Width";
  display:none;
}

@media all and (max-width: 699px) and (min-width: 520px){
  #media-version {
    content:"520-699 width";
    display:none;
  }
}


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

您必须更改每个媒体查询中的内容。