chrome开发者工具的styles窗口不显示媒体查询的样式（又是一坑）

一、起因

在查找元素的hover事件时（博客园登录成功个人图标的事件），在styles窗口找不到hover，在网页源码中页找不到

二、结果

经过在CSS源码中寻找，找到了该hover样式，这才发现该样式是媒体查询规则的样式，该样式可能不显示在styles窗口

@media screen and (min-width: 769px) {
    .dropdown:hover .dropdown-menu {
        max-height:1000px;
        z-index: 1000
    }
}

 

花费了我一下午时间