| /* 响应式布局 | |
| * 定义网站在不同屏幕尺寸下的显示规则 | |
| */ | |
| /* 移动设备布局调整 */ | |
| @media (max-width: 640px) { | |
| /* 水平滚动容器宽度限制 */ | |
| .key-scroll-container { | |
| max-width: calc(100vw - 3rem); | |
| } | |
| /* 可以在这里添加其他移动端特定的样式调整 */ | |
| } | |
| /* 平板设备布局调整可以在此添加 */ | |
| /* @media (min-width: 641px) and (max-width: 1024px) { | |
| } */ | |
| /* 大屏幕设备布局调整可以在此添加 */ | |
| /* @media (min-width: 1025px) { | |
| } */ | |