Javascript 是否有处理浏览器大小调整的最佳实践？

我觉得GMail是最佳实践的一个很好的例子，但我正在寻找一种更为理论化的基于代码的方法。CSS？JavaScript？jQuery？让我们听听。

取决于您在调整窗口大小时所做的操作

通常，大多数应用程序和网站使用浏览器调整大小事件来更改布局，或在用户更改浏览器窗口大小时增加/减少字体大小

---

当用户调整浏览器窗口的大小时，大多数web应用程序使用适当的文档布局和CSS使流程自然运行，而无需执行任何脚本。这正是CSS属性

显示

，

位置

，

浮动

，

清除

，等等的用途。

您可以这样做

想法是你做一个大包装（

#main

，最轻的一个），然后在里面放两个div：

#左

和

#右

左侧是固定宽度的div

width:200px

，左侧浮动

float:left

右边是液体，所以没有宽度，但为了防止

#left

重叠，您给

#right

一个

#left

->

边距的宽度：0 200px

---

为了防止

#right

变小，您给它一个最小宽度

最小宽度：400px

。现在，当你调整窗口的大小时，

#right

会一直调整，直到

#right

达到

400px

，然后滚动条就会可见

！一定花了很多很多小时的骇人听闻的CSS黑客。当然，它们是W3C…@MvanGeest-不，它们只是使用（草稿）CSS媒体查询。@David Dorward:我不知道它们存在。你知道IE9是否会支持他们吗（我在任何地方都找不到）？嗯。绝大多数网站不会对浏览器调整大小事件做任何特殊处理。在我脑海中，我能想到的只有一个网站是这样的（这是因为它有两种布局，不是为桌面浏览器设计的，并且在事后考虑增加了调整大小的技巧，以便让那些试图使用桌面浏览器访问它的用户感觉更好），你能详细介绍一下“正确的文档布局”吗？我发现你的答案含糊不清，也没有什么帮助。所谓“正确的文档布局”，我的意思是：按照预期使用结构化标记，然后应用CSS来设置样式。充分利用您必须提供的各种选项，使文档能够自然地适应给定的窗口大小和字体。这意味着，除其他外，你应该避免绝对定位，在有意义的地方用em而不是像素来指定大小，除非你必须这样做，否则不要使用表格进行布局，尽量不要仅仅为了创建视觉效果而插入结构元素（尽管这通常是实现你想要的效果的唯一方法）。