首先，我肯定有人回答了一些与我所问的非常相似的问题，但我找不到具体的资源，多种不同的方法都有不同的结果，都不令人满意。最初，我只是通过'mx-[40%] mt-[10%]'将我的潜水精确地固定在屏幕的中心。这对我的屏幕大小来说还可以，但是任何缩放或视口操作都会突然使所有的宽高比变得非常奇怪，你可以告诉它是关闭的。
我尝试做的第二件事就是通过aspect-[4/3]之类的方法来修复外观，然后让它以Flex框之类的东西为中心，但没有外观的值，实际上正确地塑造了潜水，它总是完全延伸到整个屏幕。
最后，我四处寻找与我有类似堆栈溢出问题的人，但他们的解决方案对我不起作用，尽管这似乎是我的确切问题。所以我yoink如下：Center Fixed Element in TailwindCSS，并尝试了一些设置最小宽度和高度的变化（不确定inset还能做什么），但这种方法的问题有两个：
1.它只适合特定的屏幕尺寸（它并不总是居中）
1.当我用鼠标在登录div的左边框上放大和缩小时，我可以看到右边框随着空间的增加而移动和扩展，但左边框始终是固定的。这样做的效果是重新缩放登录div，但它很快就吃掉了屏幕右上方的所有边距，直到它看起来像这样：

但这是它看起来如何在一个稍微非标准的分辨率在100%仍然没有完全中心。