网站样式在错误的视口宽度下发生变化

Website styles changing at the wrong viewport widths

我正在处理的网站出现异常问题。我正在为一个建立在 Bootstrap 3 和 WordPress 之上的组织创建一个自定义主题,但似乎有些东西正在抛出一些媒体查询。

例如,移动汉堡菜单应更改为 768 像素及以上宽度的网页版导航菜单;然而,根据 Chrome Dev Tools,这发生在 751px 并且它没有显示影响该元素的任何其他样式。

我还在主导航的 li 元素上应用了左边距:12% 在 751px(如果导航没有在 751px 切换则没有必要)和 4% 在 768px。但是,出于某种原因,4% 的利润率高于 12% 的利润率。

我不认为自己是新手,但这确实让我感到困惑。

该网站仍在制作中,因此您可以访问:http://176.32.230.22/amldesignstudio.com/production/hea/。如果您对此有任何帮助,我将不胜感激!

--编辑--
我将 link 添加到来自 Chrome 的屏幕截图,开发工具可见,显示扩展菜单,正文宽度为 752px。

https://www.dropbox.com/s/x7de3qqjrx9crru/HEA-Breakpoints.PNG?dl=0

它正在处理 768px。缺少 px 是您的滚动条。将开发工具与移动视图一起使用,这样你就知道了。