css - 只有一个媒体查询有效，但我不知道为什么

Question

并非我所有的媒体查询都有效，1200px 的查询工作正常，但是当我交换它们时 960px 的查询也不起作用

我现在有这个:

    @media (max-width: 1200px) {
        hr.splitter {
            margin-top: 335px;
        }
    }

    @media (max-width: 960px) {
        .inside-container-tabs {
            width: 800px;
        }
    }

我没有看到其中的错误，所以它应该可以正常工作吗？

正如 Hiriji 在这篇文章中尝试过的那样，我已经尝试过了，但是 javascript 和删除其余部分也不起作用。 Only first media query working

谁能帮我解决这个问题？

编辑 1

这正是我正在使用的代码，它在这里工作正常.. https://codepen.io/WimTH/pen/rNaNXPQ

Answer 1

我才发现确实不是代码的问题，而是chrome的问题。我一直在尝试检查设备工具栏是否正确。不知何故，它不适用于..但如果我把整个页面变小，它就会起作用。感谢大家的建议和帮助

通过将此添加到我的头中解决了这个问题:

<meta name="viewport" content="width=device-width">