如何根據文檔寬度更改分區的內容？

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？