左边缘响应

我很抱歉打扰你们，但我想了解一定的边际响应如何工作。正如你可以在这个网站上看到的http://www.trade-ideas.com/about-us/ navbar，段落，h1，h2和页脚在调整浏览器窗口大小时保持相同的左边距（使用firefox效果更清晰）。这就像元素达到左边界（即平均零点）的极限时，它们重新启动时只是在开始调整我的浏览器宽度的同一距离（相同的边距）左右。我注意到引导程序中包含的导航栏也具有这个左边距响应性：当我调整宽度时我的浏览器的窗口，导航栏继续保持在相同的左边距范围内，每当他到达零边距时重新开始。事实上，这种引导页面上，你可以找到所有的页面的元素完全相同的效果（导航栏和身体上的格盒）：http://getbootstrap.com/examples/navbar/左边缘响应

使用Firebug我试图寻找什么参数设置这个特殊的效果，但我不是专家，我没有找到解决方案。所以，我的问题是：这个左边距响应性是由一组@media查询指令生成的一组宽度值？或者有我失踪的东西？非常感谢您提供给我的所有帮助。

安德鲁

P.S：我注意到，在http://getbootstrap.com/examples/navbar/如果我删除“保证金左：自动;保证金右：自动;”我需要的效果不再显示出来。我试图在我的网站上创建一个带有边距自动调整的div容器，但我无法使这个效果更加丰富（也许这个“margin-left-right：auto”只是这个效果的一部分）。

来源

2015-10-10 Andrea

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

来源

2015-10-10 22:37:10

非常感谢您的解释。我不确定在该页面上是否有任何媒体查询。证实我的疑惑真的很有帮助。再次感谢您的回复。 – Andrea

我通常在Google Chrome中使用Inspect元素，当您缩小屏幕时，媒体查询开始出现。 –

谢谢你的提示，下次我会使用它。他们没有出现萤火虫。很有帮助：） – Andrea

回答

相关问题