Question

我正在尝试创建一个弹出窗口，该窗口具有固定宽度但基于用户屏幕大小的动态高度。这甚至可能吗？我已经搜索过这个网站，其他人也无济于事。

我阅读了下面的问题，但我不需要根据内容进行调整。

Dynamic height for popups depending on content, is it possible?

我使用弹出窗口进行训练。窗口是自动调整大小并位于屏幕的一侧，其中包含有关如何使用占用屏幕剩余部分的应用程序的说明。问题是，我们有不同尺寸的显示器，具有不同的屏幕分辨率。幸运的是我们只需要担心IE11。

这是一个巨大的免责声明; 我对JavaScript 一无所知，只不过它存在并可能做我需要的事情。但是，我确实知道HTML＆amp; CSS。所以这就是我到目前为止所做的事情，我确信这远不是正确的方法：

set

我试图完全省略高度但是没有用。那里的高度是基于用户可能正在处理的最小屏幕，但看起来很傻，有一个更大的屏幕和解析度。也许JavaScript以外的东西会更好？

提前感谢您的回复！

Answer 1

您可以这样做：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<a href="" onclick="openLink();">Link</a>
<script>
    function openLink()
    {
        window.open('link.html','1429893142534','width=' + (parseInt(window.innerWidth) * 0.3) + ',height=' + (parseInt(window.innerHeight) * .3) + ',toolbar=0,menubar=0,location=0,status=0,scrollbars=1,resizable=0,left=0,top=0');
        return false;
    }
</script>
</body>
</html>

Answer 2

<a href="link.html" onclick="javascript:void window.open('link.html','1429893142534','scrollbars=1');return false;">Link</a>

这应该符合您的要求，因为它也适合我。更多请refer here

JavaScript弹出窗口中的动态高度

2 个答案: