小编Sta*_*low的帖子

所以我在我的网页中有div,比如标题或div框..它们在较大的屏幕尺寸上调整得很好,这样它们在大显示器上看起来不会太小,但问题是当我调整窗口大小或浏览器使它变小,所有元素一直移动直到它们达到它们都会遇到的点并且变得丑陋.我怎样才能使得我已经调整到更大屏幕尺寸的div也变得更大,但是然后阻止它们当调整窗口大小使其变小时从窗口移动??? 我使用了我想重新调整的所有元素的百分比,并在更大/更宽的屏幕上做大

下面是我的代码示例..我的标题和这些类的其他元素移动到调整窗口大小时它们重叠的点

.header{
        position:absolute;
        top:0px;
        width:100%;
        height:100px;
        left:0;
        background:#EB6A4A; 
    }

    .slogan{
        position:absolute;
        top:60%;
        left:40.5%;
    }

    .login{
        position:absolute;
        top:15%;
        left:90%;
    }

        .whitebackground{
        background:#FFFFFF;
    }