html - 将页面内容分成两半，但如果屏幕宽度小于 X

Question

所以目前我正在开发一个 Wordpress 网站，我想将屏幕分成两半。我找到了一种方法，但现在我遇到的问题是，如果您使用移动设备访问它，屏幕仍然会被分割并且它太小了。

有没有比我使用的方式更好的拆分页面的方法？如果屏幕比普通手机屏幕宽，我该如何说它彼此相邻？

据我所知，我只能在 Wordpress 的站点编辑器中使用 html。我对任何 html/css 都不是很熟悉。不过，有一种方法可以在我的主题中添加自定义 CSS 行。不确定这是否可行。

您可以在这里查看页面：http ://rebottling.at/?page_id=18

目前分割我的屏幕的是：

<div style="float: left; width: 50%;">
</div>
<div style="float: right; width: 50%;">
</div>

Answer 1

你应该看看媒体查询。

像这样的东西应该工作：

@media all and (min-width: 640px) {
    div {
        width: 100%;
    }
}