动态调整元素大小&显示内联

时间:2015-10-12 05:52:35

标签: javascript css dynamic inline

我一直试图分析过去几个小时是如何完成的,并且无法让它发挥作用。

以下是一个例子:http://vpthemes.com/preview/Modality/

如果你去那里,看看文本" CLEAN DESIGN&伟大的功能"。如果你调整浏览器窗口的大小,你会注意到这些盒子会并排放置,然后如果你走得更小,他们就会一个接一个地走下去。整个网站都是这样的;根据窗户的大小,一切似乎都完美地重新调整。

HELL是如何完成的?我尝试了很多CSS样式,令人难以置信。

谢谢!

2 个答案:

答案 0 :(得分:0)

正如库马尔所说,它是由媒体查询完成的。您可以使用'!important'

取消响应式CSS课程或覆盖它

答案 1 :(得分:0)

这是Bootstrap魔法。您可以配置每个元素以保持静止,向右,向左等。最后,您有一个布局,可以根据窗口的大小和您已完成的配置神奇地重新组织自己。 Bootstrap的机制部分在JS中。

太棒了,不是吗?

但是,等等。有一段时间你会真的很生气。

使用@media规则和CSS3可能性,您可以设法重现Boostrap功能,以便用火来杀死魔法!