feat: 建立三断点 CSS 体系,替换单断点移动端样式
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user