Jquery 在断点上切换内容div

Jquery 在断点上切换内容div,jquery,html,css,breakpoints,Jquery,Html,Css,Breakpoints,在这个网站上:当屏幕大小小于768px时,我试图让左边的列移到右边的列内容下 我尝试在两个div(“.split30left和.split70right”)上反转浮动。我甚至尝试了jQuery的调整大小功能来检测两个div的宽度值是否为100%来切换它们,但我没有运气 如果有任何问题,请在投票前告诉我。提前谢谢。@pschueller完全正确。。。在不更改任何CSS的情况下交换html中的两个div,您应该可以: <div class="split70right" id="indexRig

在这个网站上:当屏幕大小小于768px时,我试图让左边的列移到右边的列内容下

我尝试在两个div(“.split30left和.split70right”)上反转浮动。我甚至尝试了jQuery的调整大小功能来检测两个div的宽度值是否为100%来切换它们,但我没有运气


如果有任何问题,请在投票前告诉我。提前谢谢。

@pschueller完全正确。。。在不更改任何CSS的情况下交换html中的两个div,您应该可以:

<div class="split70right" id="indexRight">
    -- content --
</div>

<div class="split30left" id="indexLeft">
    -- content --
</div>

--内容--
--内容--

浮动仍将保持“split30left”div位于左侧,另一个位于右侧。如果需要,您可以调整媒体查询上的浮动,如果它在小于768px的屏幕宽度上不能正常工作。

最简单的解决方案是更改HTML中div的顺序,因此split30left在split70right之后。我显然是在考虑这种情况。谢谢你的帮助。