在使用百分比后調整窗口大小時如何使元素停止移動

Question

所以我在我的網頁中有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;
    }

Answer 1

我不確定你的問題，因為你沒有發布任何代碼，但我認為你的解決方案可以使用css樣式：

max-width:50%;
min-width:800px;
max-height:500px;
min-height:21%;

你喜歡的是pecentage或pixel中的屬性，所以你可以告訴divs擴展多少以及變小多少。

希望它有所幫助，如果你發布你的代碼，也許我會更有用。

問候

編輯1：

這應該可以解決您的問題：

*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: inherit;

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

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

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

        .whitebackground{
        background:#FFFFFF;
    }

對你沒有在CSS中提出的課程做同樣的事情。 這個想法是讓所有物品的位置相對並浮在左邊，這樣它們就不會移動了。 應該管用！