左边距响应

Question

很抱歉打扰大家，但我想了解某个边距响应是如何工作的。 正如您在此站点上看到的http://www.trade-ideas.com/about-us/ 导航栏、段落、h1、h2 和页脚在您调整浏览器窗口大小时保持相同的左边距（使用 firefox 效果更清晰）。 这就像当元素达到左边距的限制（即意味着零）时，它们在我开始调整浏览器宽度之前的相同距离（相同的左边距）处重新启动。 我注意到引导程序中包含的导航栏也具有这种左边距响应能力：当我调整浏览器窗口的宽度时，导航栏继续保持在相同的左边距范围内，每次达到零边距时都会重新启动。 事实上，在这个引导页面上，您可以在页面的所有元素（导航栏和主体上的 div 框）中找到完全相同的效果：http://getbootstrap.com/examples/navbar/

我尝试使用 firebug 搜索设置此特定效果的参数，但我不是专家，也没有找到解决方案。 所以，我的问题是：这个左边距响应是由一组@media 查询指令生成的到一组宽度？或者有什么我想念的？ 预先感谢您为我提供的所有帮助。

安德鲁

p.s.：我注意到在 http://getbootstrap.com/examples/navbar/ 上，如果我删除 "margin-left:auto; margin-right:auto;"我需要的效果不再出现。 我试图在我的网站上创建一个带有自动边距的 div 容器，但我无法重新创建效果（也许“margin-left-right:auto”只是效果的一部分）。

Answer 1

媒体查询是确保网站响应的那些。示例：http://getbootstrap.com/examples/navbar/ 正在使用媒体查询来设置容器的宽度。如果您将媒体查询设置为在屏幕宽度为 700 像素以及缩小屏幕宽度时更改。媒体查询将注册屏幕的像素，当屏幕的宽度等于 700 像素时，容器将发生变化。