放大和缩小不应该影响我在 HTML 和 CSS 中的弹出高度和宽度

如何解决放大和缩小不应该影响我在 HTML 和 CSS 中的弹出高度和宽度

基本上， 我正在尝试构建一个网页，其中有一个弹出窗口，但在缩放弹出窗口时会调整其大小。

任何人都可以提出解决方案，即使调整大小，我的弹出窗口也应该保持不变。

我的应用程序使用纯 HTML、CSS 和 Javascript。

.zoom-Box{
    width: 660px;
    height: 600px;
    background: black;
    Box-shadow: 1px 0px 5px 0px grey;
    border:1px solid red;
}

<div class="zoom-Box"> </div>