我想使文本停留在右下角,但一旦我改變窗口的高度或寬度,它超出曲線(如圖here)處的文本留在右下角
我的當屏幕尺寸改變時,嘗試用百分比,vw,vh,em和it still goes out of the curve進行定位。
有關如何定位這個位置的任何想法,因此無論屏幕大小如何,它總是保持在該曲線內?
下面是代碼:
.phone-number {
position: absolute;
bottom: 20vh;
right: 5vh;
color: #472d23;
font-weight: 600;
font-size: 3vh;
}
.landing-page {
background: url("../img/bg2.jpg");
background-size: cover;
background-repeat: no-repeat;
height: 100vh;
background-position: center;
position: relative;
overflow: hidden;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
}
.curve {
background: url("../img/Curve.png");
background-position: bottom center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
height: 100vh;
}
<div class="row">
<div id="carasoul" class="landing-page">
<div class="curve">
<div class="container">
<h3 class="phone-number">+1 800-800-800</h3>
</div>
</div>
</div>
</div>
你的代碼在哪裏? –
請添加您的代碼。 – AdhershMNair
對不起。我添加了我的代碼 –