zhaoyun 3a17b518f8 Fix Bug #568: 修复门诊日结页面排版混乱 - 使用auto-fit响应式网格布局
根因:
1. .cols-4使用repeat(4,1fr)固定4列网格,窄屏下列宽不足导致内容溢出和排版混乱
2. 1200px断点强制切换为2列,在中等屏幕上造成不必要的布局跳变
3. 报告容器无最小宽度,窄屏下网格列被过度压缩

修复:
1. 改用repeat(auto-fit, minmax(250px, 1fr))自适应网格,列数根据容器宽度自动调整
2. 移除1200px媒体查询断点,让auto-fit自然处理响应式
3. 添加min-width:900px确保报告容器最小宽度,防止列过度压缩

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-05-22 12:06:46 +08:00
2026-05-19 11:39:13 +08:00
2026-04-08 23:12:24 +08:00
Description
No description provided
85 MiB
Languages
Java 49.4%
Vue 45%
JavaScript 4.5%
HTML 0.7%
SCSS 0.1%