javascript - 自动调整窗口大小？

Question

是否可以使弹出窗口自动调整大小以适应页面中包含的所有文本和图像？

Answer 1

这将适用于 chrome。您可能需要为 IE 调整它。除了 $().ready 之外，它都是普通的 javascript，您可以将其替换为您想要的任何加载处理程序。

它假设您将弹出窗口的内容放在一个 div 中，并将显示设置为内联 block 。如果您有填充或边距，您可能需要添加更多的偏移量。

<div id="content" style="display: inline-block">...

$().ready(function() {
    setTimeout(function() {
        var heightOffset = window.outerHeight - window.innerHeight;
        var widthOffset = window.outerWidth - window.innerWidth;
        var height = document.getElementById("content").clientHeight + heightOffset;
        var width = document.getElementById("content").clientWidth + widthOffset;
        window.resizeTo(width, height);
    }, 100);
});