forked from wangziqi/gongxue-base
feat: 建立三断点 CSS 体系,替换单断点移动端样式
This commit is contained in:
@@ -15,8 +15,13 @@ body {
|
|||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 移动端自适应 */
|
/* === 通用:表格容器横向滚动 === */
|
||||||
@media (max-width: 767px) {
|
.ant-table-wrapper {
|
||||||
|
overflow-x: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* === 手机 (< 576px) === */
|
||||||
|
@media (max-width: 575px) {
|
||||||
.ant-table {
|
.ant-table {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
@@ -46,3 +51,10 @@ body {
|
|||||||
font-size: 12px;
|
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