为什么我一打开 Chrome Devtools 就看不到 header

Question

这是一个web site that I can't inspect with Chrome DevTools。 一旦我打开 Devtools，顶部 Header 就会消失。

看图片：

Header可见：

Header 走了：

知道为什么吗？

Answer 1

网站使用响应式布局，如果屏幕宽度小于特定值，header 预计会消失。当您打开 devtools 时 - 视口变得更窄，响应式布局发挥作用。

尝试使用开发工具面板右上角菜单中的特殊按钮在单独的 window 中打开开发工具：