Question

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

Answer 1

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

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

<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);
});

Answer 2

使用jQuery：

window.resizeTo($(document.body).width(), $(document.body).height());

但这很可能在大多数浏览器中都不起作用（例如在chrome中不起作用），因为它大多被滥用。更多信息 http://www.w3schools.com/jsref/met_win_resizeto.asp

自动调整窗口大小？

2 个答案: