我一直试图分析过去几个小时是如何完成的,并且无法让它发挥作用。
以下是一个例子:http://vpthemes.com/preview/Modality/
如果你去那里,看看文本" CLEAN DESIGN&伟大的功能"。如果你调整浏览器窗口的大小,你会注意到这些盒子会并排放置,然后如果你走得更小,他们就会一个接一个地走下去。整个网站都是这样的;根据窗户的大小,一切似乎都完美地重新调整。
HELL是如何完成的?我尝试了很多CSS样式,令人难以置信。
谢谢!
答案 0 :(得分:0)
正如库马尔所说,它是由媒体查询完成的。您可以使用'!important'
取消响应式CSS课程或覆盖它答案 1 :(得分:0)
这是Bootstrap魔法。您可以配置每个元素以保持静止,向右,向左等。最后,您有一个布局,可以根据窗口的大小和您已完成的配置神奇地重新组织自己。 Bootstrap的机制部分在JS中。
太棒了,不是吗?
但是,等等。有一段时间你会真的很生气。
使用@media
规则和CSS3可能性,您可以设法重现Boostrap功能,以便用火来杀死魔法!