n-carousel轮播图(多端如何设置不同图片高度)
📅 2026/8/2 18:37:40
👁️ 阅读次数
📝 编程学习
多端设置不同图片高度,用class,不要用官方示例的style设置,然后用媒体去判断屏幕大小修改class
.carousel{ height: 440px; } /* 响应式:平板端 */ @media (max-width: 1024px) { .carousel{ height: 340px; } } /* 响应式:移动端 */ @media (max-width: 768px) { .carousel{ height: 240px; } } /* 响应式:小屏幕移动端 */ @media (max-width: 480px) { .carousel{ height: 180px; } }
编程学习
技术分享
实战经验