程序员小白182 2021-12-03 10:12 采纳率: 90.5%
浏览 195
已结题

vue vant 轮播图 图片大小一样 我想让轮播图适配图片 宽度是手机页面的宽度 高度是图片等比例缩放的高度

图片懒加载!van-swipe :autoplay="3000">图片懒加载
图片懒加载!van-swipe-item v-for="(image, index) in images" :key="index">图片懒加载
图片懒加载!img v-lazy="image" />图片懒加载
图片懒加载!/van-swipe-item>图片懒加载
图片懒加载!/van-swipe>图片懒加载
<用!来代替

我没看 可以自适应的参数
图片大小一样 我想让轮播图适配图片 宽度是手机页面的宽度 高度是图片等比例缩放的高度

  • 写回答

1条回答 默认 最新

  • 在下月亮有何贵干 前端领域优质创作者 2021-12-03 10:22
    关注

    手机页面宽度,一般就是浏览器窗口的宽度,表示方法其实挺多,比如100vw、window.screen.width。然后图片正常你如果只设置宽度,高度一般就自适应了。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 12月15日
  • 已采纳回答 12月7日
  • 修改了问题 12月3日
  • 创建了问题 12月3日

悬赏问题

  • ¥15 MddBootstrapInitialize2失败
  • ¥15 LCD Flicker
  • ¥15 Spring MVC项目,访问不到相应的控制器方法
  • ¥15 esp32在micropython环境下使用ssl/tls连接mqtt服务器出现以下报错Connected on 192.168.154.223发生意外错误: 5无法连接到 MQTT 代理,如何解决?
  • ¥15 关于#genesiscsheel#的问题,如何解决?
  • ¥15 Android aidl for hal
  • ¥15 STM32CubeIDE下载程序报错
  • ¥15 微信好友如何转变为会员系统?(相关搜索:小程序)
  • ¥15 c# 直接使用c++ 类库文件
  • ¥15 一个主机电脑有两个显示器,当前有两个软件主体是网页html打包的exe程序,如何通过cmd命令bat同时打开软件一个在主屏幕显示,另外一个软件在2副屏幕上显示