航海添加背景

This commit is contained in:
qf
2023-03-15 11:13:46 +08:00
parent 8ec7357a8f
commit 0242c0b37f
9 changed files with 38 additions and 21 deletions

View File

@@ -15,6 +15,10 @@ body {
height: calc(100vh); }
.more {
width: 10rem;
height: 100%;
background: url("../images/more.png");
background-size: 100% 100%;
position: relative; }
.more .wanfa {
width: 1.68rem;

View File

@@ -32,11 +32,11 @@ body {
}
.more {
// width: px2rem(750, );
// // height: px2rem(1030, );
// height: 100%;
// background: url('../images/more.png');
// background-size: 100% 100%;
width: px2rem(750, );
// height: px2rem(1030, );
height: 100%;
background: url('../images/more.png');
background-size: 100% 100%;
position: relative;
.wanfa {

View File

@@ -15,6 +15,10 @@ body {
height: calc(100vh); }
.play {
width: 10rem;
height: 100%;
background: url("../images/play_explain.png");
background-size: 100% 100%;
/* <360px */ }
@media screen and (max-width: 360px) {
.play ul {

View File

@@ -33,11 +33,11 @@ body {
}
.play {
// width: px2rem(750, );
// // height: px2rem(1030, );
// height: 100%;
// background: url('../images/play_explain.png');
// background-size: 100% 100%;
width: px2rem(750, );
// height: px2rem(1030, );
height: 100%;
background: url('../images/play_explain.png');
background-size: 100% 100%;
/* <360px */
@media screen and (max-width:360px) {

View File

@@ -15,6 +15,10 @@ body {
height: calc(100vh); }
.play {
width: 10rem;
height: 100%;
background: url("../images/play_intro.png");
background-size: 100% 100%;
/* <375px */ }
.play .introduce {
width: 8.0133333333rem;

View File

@@ -33,11 +33,11 @@ body {
}
.play {
// width: px2rem(750, );
// // height: px2rem(1030, );
// height: 100%;
// background: url('../images/play_intro.png');
// background-size: 100% 100%;
width: px2rem(750, );
// height: px2rem(1030, );
height: 100%;
background: url('../images/play_intro.png');
background-size: 100% 100%;
/* <375px */
// @media screen and (max-width:375px) {

View File

@@ -15,6 +15,11 @@ body {
height: calc(100vh); }
.record {
width: 10rem;
height: 100%;
background: url("../images/win_record.png");
background-size: 100% 100%;
position: relative;
/* <360px */ }
@media screen and (max-width: 360px) {
.record ul {

View File

@@ -32,12 +32,12 @@ body {
}
.record {
// width: px2rem(750, );
// // height: px2rem(1030, );
// height: 100%;
// background: url('../images/win_record.png');
// background-size: 100% 100%;
// position: relative;
width: px2rem(750, );
// height: px2rem(1030, );
height: 100%;
background: url('../images/win_record.png');
background-size: 100% 100%;
position: relative;
/* <360px */
@media screen and (max-width:360px) {