左边距响应

时间:2015-10-10 19:08:49

标签: css twitter-bootstrap

我很抱歉打扰你们所有人,但我想了解一定的保证金响应能力是如何运作的。 正如您在此网站上看到的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”它只是效果的一部分)。

1 个答案:

答案 0 :(得分:0)

媒体查询确保网站具有响应能力。示例:http://getbootstrap.com/examples/navbar/正在使用媒体查询来设置容器的宽度。如果在屏幕宽度为700px时将媒体查询设置为更改,并且使屏幕宽度变小。媒体查询将注册屏幕的px,当屏幕宽度等于700px时,容器将更改。