我认为这可以通过flex很容易地解决。从父元素（div） Package 相关的方形或圆形元素。然后使用justify-content和align-item属性到父标签。这里我使用了100vh 100vw作为父容器的高度和宽度。但是你可以根据你的目的改变它。

.container{
  min-width:100vw;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
}
.my-element{
  width:100px;
  height:100px;
  background-color:#000000;
}

<div class="container">
  <div class="my-element">
  </div>
</div>

此处显示的解决方案不足以解决我的问题：https://css-tricks.com/centering-css-complete-guide/它必须不是原来的，但这里是我所做的：

position: "fixed",
top: "0",
left: "0",
right: "0",
bottom: "0",
margin: "auto",
backgroundColor: "#f00",
borderRadius: "999px",
scaleX: scaleXx,
scaleY: scaleXx,
aspectRatio:1

希望能有所帮助。scaleXx是一个外部参数。