feat: 建立三断点 CSS 体系,替换单断点移动端样式

This commit is contained in:
2026-07-03 10:02:46 +08:00
parent 5eb76e9776
commit 611cc271ec

View File

@@ -15,8 +15,13 @@ body {
min-height: 100vh;
}
/* 移动端自适应 */
@media (max-width: 767px) {
/* === 通用:表格容器横向滚动 === */
.ant-table-wrapper {
overflow-x: auto;
}
/* === 手机 (< 576px) === */
@media (max-width: 575px) {
.ant-table {
font-size: 13px;
}
@@ -46,3 +51,10 @@ body {
font-size: 12px;
}
}
/* === 平板 (576-991px) === */
@media (min-width: 576px) and (max-width: 991px) {
.ant-modal {
max-width: calc(100vw - 48px) !important;
}
}