当前位置: 首页 > news >正文

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; } }
http://www.jsqmd.com/news/952159/

相关文章:

  • 2026 年深圳龙华 100 平三房轻奢风全屋定制 免费设计上门测量工厂怎么选不踩坑 - 产品测评官
  • 深圳办公 ai 培训机构有哪些:最新排名独家权威报告 - 19120507004
  • 终极JSON对比神器:3分钟快速找出数据差异的完整指南
  • 浙江大学让机器人“用眼睛思考“:比文字快22倍的视觉推理新方案
  • Android NDK开发:如何给C++日志库加个“本地存档”?(基于__android_log_print的文件写入实战)
  • 从‘相亲匹配’到‘项目派单’:图解匈牙利算法的核心思想与避坑指南
  • 跨境电商防关联浏览器科普|独立环境为什么能防封号
  • 中小批量贴片机怎么选?看完这5条省下20万
  • 2026年当下湖州实验室装修工程公司怎么联系?专业选择指南与可靠服务商推荐 - 2026年企业资讯
  • 落地干货|智能货架 + AGV 协同方案:制造业线边仓精益化物料管控解决方案
  • 生命、宇宙以及一切的终极答案是42!
  • 【linux】免密登录
  • 别再手动复制了!Typora、VS Code、Obsidian里快速输入Emoji的3种高效方法
  • 告别默认菊花转!手把手教你用Qt/C++打造高颜值自定义Loading弹窗(附完整源码)
  • 别再手动写代码了!用Simulink的Powergui内置FFT工具,5分钟搞定PWM电路谐波分析
  • 运筹学对偶理论:从“生产 vs 出租”的生意经,看懂强对偶与互补松弛
  • 深圳 ai 智能开发公司哪家值得信赖:官方精选权威测评攻略 - 13724980961
  • 【Springboot毕设全套源码+文档】基于springboot的网上课程资源远程教育资源共享平台的设计与实现(丰富项目+远程调试+讲解+定制)
  • GitHub 浏览器版 VSCode 现漏洞,研究人员短通知披露引发安全伦理争议
  • 从CT机到你的屏幕:一次DICOM医学影像的完整‘旅程’与格式揭秘
  • 子图对齐问题的信息论界限与ER模型分析
  • Skill即服务:用Agent安全玩转云上Flink
  • 2026 年深圳宝安小户型全屋定制 带榻榻米和衣帽间如何实现高性价比 - 产品测评官
  • 深圳 ai 智能开发公司哪家收费透明:TOP5 专业榜单深度 - 17329971652
  • 特斯拉摄像头被黑、OVH机房大火:给开发者的云服务与数据安全避坑指南
  • STM32F103温湿度光照监测与自动调控硬件开发包:含可烧录代码、Proteus仿真、AD原理图及双层PCB源文件
  • 2025年03月 GESP等级认证C++编程(一级)试题解析
  • 深圳办公 ai 培训机构哪家便宜:深度榜单独家推荐攻略 - 13425704091
  • 从Codex更新看AI Agent未来:通用智能体正在崛起
  • Ceph分布式存储实战:块存储RBD、对象网关RGW与文件系统CephFS详解