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

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像素 - 第一个和大于第二个安排。

我知道我可以使用document.width（）和一个if/else语句使用jquery的.html，但这不会考虑如果用户调整窗口大小。

问候， 泰勒

Answer 1

你说的是正确的事，使用宽和的if/else。为了处理调整只是使用resize事件：

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

Answer 2

您可以随时检测调整大小，这样

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

你想实现（视觉）什么是你肯定是不可能的普通的css？