如何在更改缩放时停止元素大小调整页面

我是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% 
}

来源

2017-07-04 BrownEyedNinja

你想停止调整大小的元素？ –

三个图像链接（About，location，contact）和DIV导航框。 – BrownEyedNinja