我觉得GMail是行动中最佳实践的一个很好的例子,但我正在寻找一种更理论化的基于代码的方法。 CSS? JavaScript的? jQuery的?让我们听听。
答案 0 :(得分:4)
大多数Web应用程序使用适当的文档布局和CSS,以便在用户调整浏览器窗口大小时自然地自行运行,而根本不执行任何脚本。这正是CSS属性display
,position
,float
,clear
等的用途。
答案 1 :(得分:0)
取决于你在窗口调整大小时要做什么......
通常,当用户更改浏览器窗口大小时,大多数应用程序和网站都会使用浏览器调整大小事件来更改布局或增大/减小字体大小。
答案 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
,然后滚动条才会显示