将 2 列网站更改为 1 列答案

【问题标题】：Change a 2 column website to 1 column将 2 列网站更改为 1 列
【发布时间】：2015-07-13 15:27:24
【问题描述】：

我有一个包含 2 列组合的 Wordpress 网站。不幸的是，在后端无法将其更改为 1 列组合 - 但在小分辨率下，布局会自动更改为 1 列站点。

那么此时代码中发生了什么使该列更改成为可能？

【问题讨论】：

如果您有管理员权限，您可以在后端更改布局。您可以进入外观 > 编辑器并编辑 CSS 文件。正在发生的是@media 查询以及与布局相关联的样式。您的网站也使用isotope 来呈现网格。

【解决方案1】：

这是由CSS media queries引起的，这是作者声明的接口中的断点。基本上，作者说“当视口小于 480 像素时，让每个 tile 占其容器宽度的 100%，强制一个列堆栈。当大于 480 时，给每个 tile 的最大宽度为 300 像素（或类似的东西），让它们随心所欲地漂浮（或平铺）。”

【讨论】：