Question

我简化了我的代码：

基本上，我只是想知道如何改变这些div的安排：

<div id='ele1'></div>

<div id='ele_container'>
   <div id='ele2'></div>
   <div id='ele3'></div>
</div>

对此：

<div id='ele1'>
   <div id='ele2'></div>
   <div id='ele3'></div>
</div>

<div id='ele_container'></div>

取决于屏幕分辨率。因此，如果屏幕分辨率小于800px-第一个，大于第二个排列。

我知道我可以使用document.width（）和使用jquery的.html的if / else语句，但这不会影响用户是否调整窗口大小。

此致泰勒

Answer 1

你说的是正确的，使用宽度和if / else。要处理调整大小，只需使用resize事件：

Answer 2

您可以随时检测调整大小，例如

window.onresize = function(){ /* stuff */ };

你想要实现什么（视觉上）你确定用普通的css是不可能的吗？