将2列网站更改为1列

时间:2015-07-13 15:27:24

标签: html css multiple-columns

我有一个带有2列组合的Wordpress网站。遗憾的是,没有可能将其更改为后端的1列组合 - 但在小分辨率下,布局会自动更改为1列站点。

http://hosting2015.esy.es/mw/immobilien/ausland/

那么在此时代码中发生什么使得此列更改成为可能?

1 个答案:

答案 0 :(得分:0)

这是由CSS media queries引起的,它是作者声明的接口中的断点。基本上,作者说"当视口小于480像素时,让每个图块占据其容器宽度的100%,从而强制一个列堆栈。当大于480时,给每个图块一个300像素的最大宽度(或类似的东西)并让它们随意浮动(或者如果你愿意的话,可以平铺)。"