Question

一个图像放大33％，另一幅放大25％，缩放时会发生问题，文本内容更改位置并在底部没有内容的情况下造成不必要的正文间隙，因为它由于某种原因向上移动，这是css / html的新功能。.

#About-container {
    display: grid;
    grid-template-columns: repeat(1 ,0fr);
    justify-content: center;
}

.About-overlay  {
    background-color: #2e2e2e;  
    height: 1600px;
    width: 1050px;
    opacity: 0.9;
    position: relative;
}

.About-overlay-content {
    color:white;
    font-size: 25px;
    text-align: center;
    font-family: "neuton", serif;
    max-width: 600px;
    margin-left: 225px;
}

<body>
    <container id="About-container">
        <div class="About-overlay">
            <div class="About-overlay-content">

                <h1>About ...</h1>
                <br>
                <p>lorem200 </p>
                <br>
                <P> lorem15</P>
                <div class=Frame1><img id=sign      src="./imgs/About/1.jpg" alt=""> </div>
                <div>
                    <h1>About..</h1>
                </div>
                <Br>
                <div>
                    <H2>Ria Evolution</H2>
                </div>
                <Br>
                <div>
                    <P>lorem 200</P>
                </div>
            </div>
        </div>
    </container>
</body>

25%

33%

我在主体容器的下部有一个文本，在放大/缩小时它会不断更改其位置

0 个答案: