gpt4 book ai didi

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

转载 作者:太空狗 更新时间:2023-10-29 15:20:10 26 4
gpt4 key购买 nike

如何实现随浏览器窗口大小调整的网页?

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

我有一个使用 AJAX PRO 和带溢出的 DIV 的工作解决方案:自动和 onwindowresize Hook ,但它很麻烦。有没有更好的办法?

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

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

编辑:我很抱歉没有完全清楚;我需要一个“流动布局”,其中主要元素(“ Pane ”)会随着浏览器窗口的大小调整而缩放。我发现我必须使用 AJAX 调用在调整大小后重新显示“ Pane ”内容,并保持溢出:自动打开以避免滚动

最佳答案

与其在 css 中使用“width: 200px”,不如使用“width: 50%”之类的东西

这使得它使用了 50% 的内容,所以在这种情况下:

<body>
<div style="width:50%">
<!--some stuff-->
</div>
</body>

div 现在将始终水平占据窗口的一半。

关于javascript - 如何实现在调整浏览器窗口大小时缩放的网页?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/90595/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com