hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-10 19:36:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

调整显示

Browse Source
This commit is contained in:
zhangsir
2024-07-24 14:21:01 +08:00
parent 549c81247d
commit 4245a5622b
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/hotforum/Index.vue
View File

@@ -31,6 +31,7 @@
justify-content: center; justify-content: center;
.center{ .center{
max-width: 1270px; max-width: 1270px;
max-height: 700px;
margin-bottom: 5%; margin-bottom: 5%;
margin-top: 22%; margin-top: 22%;
display: flex; display: flex;
@@ -51,7 +52,7 @@
} }
/* 当窗口宽度大于3068px时的样式 */ /* 当窗口宽度大于3068px时的样式 */
} }
@media (min-width: 3068px) { @media (min-width: 3000px) {
.hot{ .hot{
width: 100%; width: 100%;
// max-width: 1920px; // max-width: 1920px;
@@ -63,8 +64,9 @@
justify-content: center; justify-content: center;
.center { .center {
max-width: 2560px; max-width: 2560px;
max-height: 1300px;
margin-bottom: 5%; margin-bottom: 5%;
margin-top: 22%; margin-top: 30vh;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@@ -85,7 +87,7 @@
} }
} }
} }
@media (max-width: 1384px) { @media (min-height: 1500px) {
.hot{ .hot{
width: 100%; width: 100%;
// max-width: 1920px; // max-width: 1920px;
@@ -97,8 +99,9 @@
justify-content: center; justify-content: center;
.center { .center {
max-width: 1068px; max-width: 1068px;
max-height: 580px;
margin-bottom: 5%; margin-bottom: 5%;
margin-top: 22%; margin-top: 30vh;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@@ -119,7 +122,7 @@
} }
} }
} }
@media (min-width: 2000px) and (max-width: 3068px) { @media (min-width: 1928px) and (max-width: 3000px) {
.hot{ .hot{
width: 100%; width: 100%;
// max-width: 1920px; // max-width: 1920px;
@@ -131,8 +134,9 @@
justify-content: center; justify-content: center;
.center { .center {
max-width: 1800px; max-width: 1800px;
max-height: 1100px;
margin-bottom: 5%; margin-bottom: 5%;
margin-top: 22%; margin-top: 30vh;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;