我有一个SVG三角形,用作网站上的“楔形”效果。然而,当我缩小窗口大小时,SVG会移动到不正确的位置。
我已经附上了一个图像(如下所示),以及下面的codepen链接。
有人知道如何让此效果在调整窗口大小时保持固定位置吗?
这让我发疯了。
codepen链接:https://codepen.io/emilychews/pen/LrgwZV Emily 所需外观的图像:
我已经附上了一个图像(如下所示),以及下面的codepen链接。
有人知道如何让此效果在调整窗口大小时保持固定位置吗?
这让我发疯了。
codepen链接:https://codepen.io/emilychews/pen/LrgwZV Emily 所需外观的图像:
body {margin: 0; padding: 0;}
.section {
position: relative;
display: flex;
margin: 0 auto;
width: 100%;
box-sizing: border-box;
padding: 3.583rem 0;
}
.row {
position: relative;
display: flex;
justify-content: center;
margin: auto;
width: 80%;
box-sizing: border-box;
z-index: 9;
}
.background-block-left-top {
position: absolute;
width: 40%;
height: 50%;
background: #162f45;
top: 57px;
}
.two-col {
padding:8.916rem 2.074rem;
box-sizing: border-box;
width: 50%;
background: wheat;
}
.two-col.col-2 {
display: flex;
align-items: center;
position: relative;
background: #2b67f3;
width: 85.5%;
min-width: 0;
}
#wedge{
position: absolute;
width: 40%;
height: auto;
top: 23px;
left: 0;
z-index: 9;
}