Html chrome mobile的设备宽度问题

我一直在Wordpress网站上工作，发现这个非常奇怪和完全令人困惑的问题，只有当宽度低于992px时才会发生在Chrome上。 在下图中，主体和html标记“表示”其宽度为360px。但你可以清楚地看到它不是。我拍了一张屏幕截图，把它放在Photoshop上。内容的宽度约为288px

Chrome中的设备预览：

究竟为什么会这样？Firefox没有问题。在预览中，您甚至可以看到顶部的菜单不受影响。那为什么我身体的其他部分都被压扁了？我检查了所有的类，并尝试改变宽度和删除类。身体没有任何变化。 作为参考，我已经确保在标题中有这个

<meta name="viewport" content="width=device-width, initial-scale=1.0">

---

你能发布你的媒体查询吗？你能提供一个工作提琴吗？我讨厌wordpress的原因开始增长。。。所以到处都是媒体的质疑。我甚至不知道从哪里开始带你去。我怎样才能为整个wordpress网站提供一把小提琴呢？同时检查我添加的编辑

.container>.navbar-header, .container-fluid>.navbar-header, 

.container>.navbar-collapse, .container-fluid>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}