调整显示

This commit is contained in:
zhangsir
2024-07-24 14:21:01 +08:00
parent 549c81247d
commit 4245a5622b

View File

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