如何实现在调整浏览器窗口大小时缩放的网页？

如何实现在调整浏览器窗口大小时缩放的网页？

我可以使用表格或CSS浮动部分布置页面的元素,但我希望在调整浏览器窗口时重新调整显示

我有一个工作解决方案使用AJAX PRO和DIVs溢出:auto和onwindowresize挂钩,但它很麻烦.有没有更好的办法？

感谢大家到目前为止的答案,我打算尝试所有(或至少大部分),然后选择最佳解决方案作为这个线程的答案

使用CSS和百分比似乎效果最好,这是我在原始解决方案中所做的; 使用可见性:隐藏div设置为100%×100%提供了一种方法来测量窗口的客户区域[否则在IE中很难],并且onwindowresize javascript函数允许AJAXPRO方法在调整窗口大小以重绘时启动新分辨率下的布局单元格内容

编辑:我为不完全清楚而道歉; 我需要一个"液体布局",主要元素('窗格')会随着浏览器窗口的大小调整而缩放.我发现在调整大小后我必须使用AJAX调用重新显示"窗格"内容,并保持溢出:自动打开以避免滚动

而不是在css说"宽度:200px",使用像"宽度:50%"之类的东西

这使得它使用50%的任何内容,因此在以下情况下:

div现在总是占据窗口的一半.

除非你在这里有一些具体要求,否则我不确定为什么需要JS.表格布局是在html中制作流体布局的简单(和过时)方法,但是带有css的div布局也允许流畅布局,请参阅http://www.glish.com/css/2.asp

是的,你想看看流畅的CSS布局.对于这方面的资源,只需谷歌流畅的CSS布局,应该给你很多东西来检查.还有一些好的指针,看看前一个问题.

这实际上取决于您正在实施的网页.作为一般规则,您将需要100%的CSS.当调整包含文本的元素时,请记住倾向于面向文本的大小,例如em,ex和not px.

如果你是CSS的新手,浮动是危险的.我不是新人,他们仍然有点莫名其妙.尽可能避免使用它们.通常,您只需要修改您正在处理的div或元素的display属性.

如果您执行所有这些操作并在网络中搜索有其他困难的地方,则不仅会在浏览器执行此操作时调整页面大小,还会调整可以通过调整文本大小来放大和缩小的页面.基本上,做得对,设计是牢不可破的.我已经看到它在复杂的布局上完成了,但它在很多工作上,与在某些情况下编程网页一样多.

我不确定你在为这个网站做什么(有趣,有利可图),但是我建议你仔细考虑如何平衡CSS纯度以及几个黑客来帮助提高你的效率.您的网站是否有100%可访问的业务需求？没有？然后拧紧它.做你需要做的事情,先赚钱,然后用你的激情去疯狂,做任何额外的时间.