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

【问题标题】：How to Change Contents of a Div Depending on Document Width?如何根据文档宽度更改 div 的内容？
【发布时间】：2011-06-13 19:58:49
【问题描述】：

我已经简化了我的代码：

基本上，我只是想知道如何更改这些 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() 和使用 jquery 的 .html 的 if/else 语句，但是如果用户调整窗口大小，这将不考虑。

问候，泰勒

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：