mkm/goview_vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix：修改屏幕适配的代码

Browse Source
This commit is contained in:
MTrun 2022-03-02 16:18:34 +08:00
parent 516723e252
commit 1f405b5055
2 changed files with 19 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
index.css
View File

@ -83,3 +83,22 @@
opacity: 1; opacity: 1;
} }
} }
/* 小屏处理 0~1000*/
.mobile-terminal {
display: none;
}
@media (max-width: 1000px) {
#app {
display: none;
}
.mobile-terminal {
display: flex;
align-items: center;
justify-content: center;
width: 100vw;
height: 100vh;
font-size: 30px;
background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
}
}

17
index.html
View File

@ -11,23 +11,6 @@
<link rel="icon" href="./favicon.ico" /> <link rel="icon" href="./favicon.ico" />
<title>GoView</title> <title>GoView</title>
<link rel="stylesheet" href="./index.css" /> <link rel="stylesheet" href="./index.css" />
<style>
/*0~1024*/
@media (max-width: 1024px) {
.mobile-terminal {
display: flex;
align-items: center;
justify-content: center;
width: 100vw;
height: 100vh;
font-size: 30px;
background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
}
#app {
display: none;
}
}
</style>
</head> </head>
<body> <body>
<div id="appProvider" style="display: none;"></div> <div id="appProvider" style="display: none;"></div>