Javascript 调整窗口大小时如何保持对象大小不变

我有一个圆圈，它的宽度在一段时间内增加，一旦它达到一个刻度，它就会消失并重新开始。但每次我淡入淡出时，我都会调整屏幕大小或放大缩小圆圈，使其看起来像一个椭圆形或一个真正拉伸的物体。当屏幕变大时，我如何保持圆圈，一个圆圈

Html

在px中使用，而不是以%为单位提供宽度和高度。更改以下行：

width:100%;
height: 100%;

到

然后再试一次

---

说明：当您使用高度和宽度（单位为%）时，这些属性取决于容器，即您的情况下的窗口，但如果您在px中提供这些属性，则无论容器的高度和宽度如何，它们都将保持不变。

如果您的问题是我认为您可以使用以下属性：

width:100vw;
height: 100vh;

---

你的div将获得窗口的精确大小

哇，我可以再问你两个问题吗？如果你认为我会帮助你，那么是的，你可以：嗯，我刚刚通过这个答案修复了一个谢谢：其次，我的动画效果很好，但是当我喜欢打开另一个选项卡，在那里停留大约1分钟，然后回来，我所有的动画都是在同一时间开始的，我必须刷新才能修复它。我怎样才能解决这个问题。代码笔链接-->

width:100%;
height: 100%;

width:100px;
height: 100px;

width:100vw;
height: 100vh;