javascript - 当我更改页面缩放时如何停止元素大小调整

Question

我是 HTML 和 CSS 的新手，面临一个问题:当我调整页面大小时，元素会变得疯狂。我已经尝试了从创建主包装器到添加最大宽度和高度的所有方法，但都无济于事。这是我的 CSS 代码，您可以看一下。

body {
  background-image: url(3eMAHaa.jpg)
}

div.header {
  border: 1px solid black;
  border-radius: 50px;
  padding-top: 26%;
  padding-bottom: 26%;
  padding-left: 10%;
  padding-right: 10%
}

h1 {
  ;
  position: absolute;
  top: 30%;
  left: 40%;
  color: #FF2B24;
  font-family: helvetica
}

.someimage {
  position: absolute;
  top: 43%;
  left: 32%
}

div.navbox {
  border: 1px solid black;
  border-radius: 50px;
  padding-top: 70px;
  padding-bottom: 70px;
  padding-left: 500px;
  padding-right: 500px;
  position: absolute;
  top: 1%;
  right: 2%
}

img.about {
  border: 1px solid gray;
  position: absolute;
  right: 80%;
  top: 35%
}


}
img.location {
  border: 1px solid gray;
  position: absolute
}
img.contact {
  border: 1px solid gray;
  position: absolute;
  right: 15%;
  top: 35%
}

Answer 1

删除所有填充代码，这样它就不会调整大小