网站样式在错误的视口宽度处更改

Question

我对我正在处理的网站有一个不同寻常的问题。我正在为构建在Bootstrap 3和WordPress之上的组织创建一个自定义主题，但似乎有些东西会抛出一些媒体查询。

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

我还将左边距应用于主导航的li元素：在751px时为12％（如果导航没有以751px切换则不是必需的）而在768px时为4％ 。然而，由于某种原因，4％的利润率超过了12％的利润率。

我不认为自己是新手，但这真让我感到困惑。

该网站仍在制作中，因此您可以访问：http://176.32.230.22/amldesignstudio.com/production/hea/。我非常感谢任何帮助！

- Edit--
我在Chrome中添加了一个指向Chrome工具屏幕截图的链接，可以看到显示扩展菜单的Body 752px宽。

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

Answer 1

它正在开发768px。缺少px是你的滚动条。使用带有移动视图的开发工具，以便您看到。