如何根据文档宽度更改 div 的内容？

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>

取决于屏幕分辨率。 因此，如果屏幕分辨率小于 800 像素 - 第一种排列方式，而大于 - 第二种排列方式。

我知道我可以使用 jquery's.html 使用 document.width() 和 if/else 语句，但是如果用户调整 window 的大小，这将不考虑。

问候，泰勒

Answer 1

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

http://api.jquery.com/resize/

Answer 2

你总是可以检测到调整大小，像这样

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

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