左缘反应性

Question

很抱歉打扰了大家，但我想了解一下某个保证金响应是如何工作的。正如您在这个站点上看到的，http://www.trade-ideas.com/about-us/的导航栏、段落、h1、h2和页脚在调整浏览器窗口大小时保持相同的左边距(火狐的效果更加清晰)。这就像当元素达到左侧边距的极限(即平均值为零)时，它们重新启动的距离(相同的边距-左)与我开始调整浏览器宽度的位置相同。我注意到引导中包含的导航条也具有这种左边距响应能力:当我调整浏览器窗口的大小时，导航条继续保持在相同的左边距范围内，每次他到达零边距时都会重新启动。实际上，在这个引导页面上，您可以在页面的所有元素(主体上的导航条和div框)中找到完全相同的效果：http://getbootstrap.com/examples/navbar/

对于firebug，我试图搜索设置这个特定效果的参数，但我不是专家，也没有找到解决方案。所以，我的问题是:这种左边距响应是由一组@media查询指令生成的，是一组宽度吗？还是我错过了什么？提前感谢你给我的一切帮助。

安德鲁

p.s.：我注意到在http://getbootstrap.com/examples/navbar/上，如果我删除“页边距-左:自动；边距-右:自动”；那么我需要的效果就不会再出现了。我试着在我的站点上创建一个div容器，其中包含了保证金自动操作，但是我无法实现这种效果(可能是“边距-左-右:自动”-它只是效果的一部分)。

Answer 1

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