Javascript html表单在分辨率更改时更改位置

我最近一直在为我的网站设计登录屏幕

我制作了一个位置固定的表单，但随着屏幕分辨率的变化，不仅表单的位置发生了变化，图像也发生了变化，从而使它们相交，使它们看起来不正确

Qs：我如何在不同的分辨率下保持我的表格在一个位置

网站：secret.nuky.tk

代码如下：

#username{  
top: 50%;
left:55%;
margin-top: -100px;
margin-left: -200px;
}
#password{
top: 56%;
left: 55%;
margin-top: -100px;
margin-left: -200px;
}
img{
position: fixed;
top:25%;
left:56%;
margin-top: -100px;
margin-left: -200px;
}

谢谢，

首先删除所有

position: fixed;
top: 50%;
left: 55%;
margin-top: -100px;
margin-left: -200px;

从你的css元素，注意它是多么的漂亮，只是没有居中，然后把你想要居中的所有东西都放在一个样式里，然后像那样或用固定的样式，但是如果你想对所有的屏幕大小做出反应，就不要用像素的边距

.center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

---

翻译-50%，-50%的意思是我想把我的div 50%的高度和宽度移到顶部和右侧，这样它就以div中心为中心，而不是像你所想的那样位于左上角，并试图用负边距来防止

因为你没有提供问题中的代码，所以无法评估，不过，使用百分比而不是像素或ems可能会有所帮助。请不要在你的问题中链接到外部网站。你正在搜索的答案只是css，固定位置在它的名字上说，好吧，固定的，即使有百分比，如果你不知道你在做什么，它看起来会很糟糕。我想不需要使用固定位置，如果你使用固定位置，那么给顶部赋值：0；底部：0；左：0；右：0以提供完整的高度和宽度，并在所有分辨率中保持在同一位置。为了获得更好的答案，请提供您的code@Dragonthoughts对不起，我修好了it@Abinthaha为回复添加了代码sorryHello thx，将表单居中运行，但在用户名下方放置密码区域，尤其是登录按钮时，会出现问题。我试着使用，它对用户名和密码起了作用，但登录按钮被移到了左侧，我想知道如何将tje登录再次调整到中心，以及如何调整垂直间距。@NukY哦，是的，同样的情况也会发生在你的图像和所有与表单宽度不同的东西上，只需添加文本对齐：居中到你的.center div；对于垂直间距，您可以只放置一个，并在输入中添加边距或仅添加边距底部；