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

时间:2010-08-01 12:17:38

标签: javascript jquery css cross-browser

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

3 个答案:

答案 0 :(得分:4)

大多数Web应用程序使用适当的文档布局和CSS,以便在用户调整浏览器窗口大小时自然地自行运行,而根本不执行任何脚本。这正是CSS属性displaypositionfloatclear等的用途。

答案 1 :(得分:0)

取决于你在窗口调整大小时要做什么......

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

Check this article out ...

答案 2 :(得分:0)

你可以做this之类的事情。

我们的想法是制作一个大包装器(#main,最轻的一个)并在内部放置2个div:#left#right

left是固定宽度div width:200px并向左浮动float:left

右边是液体,所以没有宽度,但是为了防止#left重叠,你给#right宽度为#left的边距 - > margin:0 0 0 200px

要防止#right变小,请为其指定最小宽度min-width:400px。现在,当您调整窗口大小时,#right会一直调整大小,直到#right到达400px,然后滚动条才会显示