将页面内容分成两半，但如果屏幕宽度低于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%;
    }
}