gpt4 book ai didi

javascript - 弹出窗口 - Safari 中的大小与其他浏览器不同

转载 作者:行者123 更新时间:2023-11-28 01:24:23 27 4
gpt4 key购买 nike

我正在使用以下代码弹出一个窗口——它需要一个精确的大小——它在除 Safari 之外的所有浏览器中都有。

您可以直接使用以下 2 个页面进行测试。第一个创建一个带有链接的页面,单击以弹出窗口。第二个是打开的页面,其中包含页面大小的警报。

在 Safari Mac 中它显示尺寸:800 x 578 - 在所有其他浏览器中它是 800 x 640(它应该是)。

带链接的页面:

<html>
<body>
<a href="size.html" onclick="javascript:void window.open('size.html','1401806967791','width=800,height=640,toolbar=0,menubar=0,location=0,status=0,scrollbars=0,resizable=0,left=0,top=0');return false;">PacFace</a>

<br />
<a href="#size.html" onClick="window.open('size.html','pagename','resizable,height=640,width=800'); return false;">New Page</a>

</body>
</html>

..和 size.html:

<html>
<script>
var w = window.innerWidth;
var h = window.innerHeight;

alert(w + ' × ' + h);

</script>
</html>

存在两个链接 - 在这两种情况下它都会打开一个新窗口 - 高度错误(宽度合适) - 仅在 safari 上。

如何让它在所有浏览器中弹出一个相同大小的新窗口?

我对此进行了很多研究,奇怪的是没有发现任何关于这个特定主题的内容。

最佳答案

好吧,这里可能有一些语法错误,但正如我在评论中所说,我无法对其进行测试。试试这个:

function setWindowHeight(){
var windowHeight = window.innerHeight;
var outerHeight = window.outerHeight;
var newHeight;
if (windowHeight < 640) {
newHeight = outerHeight + (outerHeight - windowHeight);
document.getElementById('YourIdHere').style.height = newHeight + "px";
}
}

由于 IOS 有不同大小的边框,您需要补偿它们,可能有更好的方法来做到这一点,但这应该可以完成工作。

关于javascript - 弹出窗口 - Safari 中的大小与其他浏览器不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32704977/

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