调整事件监听器边缘的大小答案

【问题标题】：Resize eventListener Edge调整事件监听器边缘的大小
【发布时间】：2020-06-02 10:03:22
【问题描述】：

我目前在Microsoft Edge 44.18362.449.0 上遇到了这个问题，我不知道如何解决。

我在窗口上应用了一个事件监听器，以便执行一些调整大小的操作。这在基于 Chromium 的浏览器和 IE11 上完美运行。出于某种原因，当我尝试在调整大小功能中打印出window.innerWidth 时，Edge 上它停止在562px。这意味着当窗口大小低于562px 时，事件侦听器不会触发。

以前有人遇到过这个问题吗？

【问题讨论】：

谁会在 560 像素宽的窗口中工作？我什至不确定浏览器是否支持这么窄的宽度

标签： javascript resize microsoft-edge

【解决方案1】：

我尝试使用 MS Edge 旧版浏览器 44.18362.449.0、IE 11 浏览器和 Google Chrome 浏览器测试以下代码。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Test</title>
</head>
<body>
    <div id="result"></div> 
    <script>         
    function displayWindowSize()
    {    
        var w = window.innerWidth;            
        var h = window.innerHeight;                
        document.getElementById("result").innerHTML = "Width: " + w + ", " + "Height: " + h;
    }   
    window.addEventListener("resize", displayWindowSize);   
    displayWindowSize();
    </script>
</body>
</html>

输出：

根据我的测试结果，我注意到 MS Edge 旧版浏览器可以最小显示 562 px 的窗口宽度，但用户仍然可以通过调整窗口宽度来减小尺寸，但 MS Edge 旧版浏览器将继续显示宽度 562像素。

通常，浏览器会在某个时候停止调整大小，并将该值显示为高度或宽度。这里的问题是 MS Edge 旧版浏览器显示的最小宽度为 562 像素，但用户仍然可以减小窗口宽度。

我建议您在 MS Edge 旧版浏览器窗口中按 ALT + J 键，它将启动反馈中心。您可以尝试提供有关此问题的反馈。

【讨论】：