File size: 548 Bytes
bbb6398 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
/* 响应式布局
* 定义网站在不同屏幕尺寸下的显示规则
*/
/* 移动设备布局调整 */
@media (max-width: 640px) {
/* 水平滚动容器宽度限制 */
.key-scroll-container {
max-width: calc(100vw - 3rem);
}
/* 可以在这里添加其他移动端特定的样式调整 */
}
/* 平板设备布局调整可以在此添加 */
/* @media (min-width: 641px) and (max-width: 1024px) {
} */
/* 大屏幕设备布局调整可以在此添加 */
/* @media (min-width: 1025px) {
} */
|