如何根據文檔寬度更改 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 是不可能的嗎？