diff --git a/.trae/rules/design-rules.md b/.trae/rules/design-rules.md index 2c92f33..eda6506 100644 --- a/.trae/rules/design-rules.md +++ b/.trae/rules/design-rules.md @@ -65,27 +65,7 @@ css 平板 768px – 1024px 双列 桌面 1280px – 1920px 多列 大屏 >1920px 保持多列,容器居中 -css -.container { - max-width: 1200px; - margin: 0 auto; - padding: var(--space-3); -} -/* 平板及以上 */ -@media (min-width: 768px) { - .grid { - display: grid; - grid-template-columns: repeat(2, 1fr); - gap: var(--space-4); - } -} - -@media (min-width: 1024px) { - .grid { - grid-template-columns: repeat(3, 1fr); - } -} 折叠屏适配 (600px – 900px) 自动切换双列布局。 @@ -94,16 +74,7 @@ css 内容可重新流式排列(利用 order 或网格调整)。 页面骨架 -html - -
-
- - - -
-