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

一、起因

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

二、结果

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

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

 

花费了我一下午时间

posted @ 2021-04-03 17:26  daban2009  阅读(453)  评论(0编辑  收藏  举报