三亩地 三亩地SAN MU DI · CODE DIARY
ARTICLE DETAIL

日记详情

真实记录编程学习的某一天,欢迎挑你感兴趣的翻一翻。

n-carousel轮播图(多端如何设置不同图片高度)

n-carousel轮播图(多端如何设置不同图片高度)

多端设置不同图片高度,用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; } }
← 返回列表