【发布时间】：2016-08-05 04:21:45
【问题描述】：
我正在处理的网站存在异常问题。我正在为一个建立在 Bootstrap 3 和 WordPress 之上的组织创建一个自定义主题，但似乎有些东西会引发一些媒体查询。
例如，移动汉堡菜单应更改为宽度为 768 像素及以上的网页版导航菜单；但是，根据 Chrome 开发工具，这发生在 751 像素处，并且没有显示影响该元素的任何其他样式。
我还对主导航的 li 元素应用了左边距：在 751 像素时为 12%（如果导航未在 751 像素处切换，则不需要），在 768 像素时为 4%。但是，出于某种原因，4% 的利润超过了 12% 的利润。
我不认为自己是新手，但这确实让我感到困惑。
该网站仍在制作中，因此您可以通过以下方式访问它：http://176.32.230.22/amldesignstudio.com/production/hea/。非常感谢您对此的任何帮助！
--编辑--
我正在添加一个链接，指向来自 Chrome 的屏幕截图，其中 Dev Tools 可见，其中显示了 Body 752px 宽的扩展菜单。
https://www.dropbox.com/s/x7de3qqjrx9crru/HEA-Breakpoints.PNG?dl=0
【问题讨论】：
-
您确实在
(min-width: 752px)有一个媒体查询，其中包含.container-fluid > .row {margin: 0 -15px;} -
请嵌入相关的 CSS & HTML。
-
对我来说，汉堡似乎在 768 像素处正确更改...
-
@Aziz - 你是对的......我确实有一个 752px 的媒体查询，但这不应该影响视口大小。我正在查看 Chrome 开发工具中 Body 元素的宽度。
-
@GermanoPlebani - 我刚刚添加了一个链接，指向我在打开 Chrome 开发工具时截取的屏幕截图。您是否也在使用 Chrome 或其他浏览器。另外，我在 Windows 7 上。
标签： html css twitter-bootstrap responsive-design media-queries