Selaa lähdekoodia

增加欢迎页

guohh 3 vuotta sitten
vanhempi
commit
f1862d9533

+ 36 - 0
2021/nm-zsyt/welcome/css/welcome.css

@ -0,0 +1,36 @@
1
html {
2
  font-size: 100px;
3
}
4
5
@media screen and (min-width: 320px) and (max-width: 480px) {
6
  html {
7
    font-size: 26.66667vw;
8
  }
9
}
10
11
@media screen and (min-width: 480px) {
12
  html {
13
    font-size: 128px;
14
  }
15
}
16
17
body {
18
  font-family: PingFangSC, 'PingFang SC', Arial, Helvetica, sans-serif;;
19
}
20
21
html,
22
body,
23
.welcome-img {
24
  padding: 0;
25
  margin: 0;
26
  width: 100%;
27
  height: 100%;
28
  position: relative;
29
  overflow: hidden;
30
}
31
32
.welcome-img {
33
  background: url("../img/bg-welcome.jpg") center no-repeat;
34
  background-size: contain;
35
  background-color: rgb(240, 240, 240);
36
}

BIN
2021/nm-zsyt/welcome/img/bg-welcome.jpg


+ 18 - 0
2021/nm-zsyt/welcome/index.html

@ -0,0 +1,18 @@
1
<!doctype html>
2
<html>
3
<head>
4
  <title>欢迎页</title>
5
6
  <meta charset="utf-8">
7
  <meta name="viewport"
8
        content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no"/>
9
  <!-- 宽度自动适配 -->
10
  <meta content="telephone=no" name="format-detection"/> <!-- 不识别页面上的数字为可拨打号码 -->
11
  <link rel="stylesheet" type="text/css" href="css/welcome.css">
12
</head>
13
<body>
14
<div class="welcome-img">
15
  </div>
16
</div>
17
</body>
18
</html>