31 lines
722 B
SCSS
31 lines
722 B
SCSS
@import "node_modules/bootstrap/scss/_functions.scss";
|
|
@import "node_modules/bootstrap/scss/_variables.scss";
|
|
@import "node_modules/bootstrap/scss/_mixins.scss";
|
|
|
|
.pageroot{
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
@include media-breakpoint-between(xs, md) {
|
|
}
|
|
|
|
@include media-breakpoint-between(md, xl) {
|
|
}
|
|
}
|
|
|
|
.pagebanner{
|
|
width: 100%;
|
|
background-size:100% 100%;
|
|
background-attachment: scroll;
|
|
background-size: 100% 100%; /* 图片宽高100%填充div */
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
@include media-breakpoint-between(xs, md) {
|
|
padding-bottom: 192%;
|
|
}
|
|
|
|
@include media-breakpoint-up(md) {
|
|
padding-bottom: 52.6673640167364%;
|
|
}
|
|
}
|