规则:max-width 会覆盖width设置, 但 min-width设置会覆盖 max-width.
max-width和width只能有一个,min-width和max-width只能有一个
.wrapper {
position: absolute;
left: 50%;;
transform: translate(-50%,0);
height: 100%;
width: 100%; /*要和width:100%一起写*/
max-width: 1920px; /*max-width*/
overflow: hidden;
}
.bg {
width: 100%;
height: 100%; /*要和width:100%一起写*/
min-width: 1200px; /*防止被max-width覆盖*/
will-change: contents;
}