图片仅供学习参考:
.pageBg {
width: 100vw;
height: 100vh;
background: url("../assets/left.png"),url("../assets/right.png");
background-position: left, right;
background-repeat: no-repeat;
background-size: 58% 100vh, 100% 100vh;
}
Tip:(background-size:)58% 100vh 代表左图以盒子总宽度58%为宽度,高度为全屏高度作展示。100% 100vh 代表右图宽高为全屏宽高度来作展示,不容易理解实践一下便可知。