努力学C的啦 2023-04-23 20:21 采纳率: 56.5%
浏览 52
已结题

vue页面自适应问题窗口缩小页面元素也缩小

为什么我设置的自适应是这样的,为什么人家黑神话悟空的感觉没怎么变化,我的一下子就全是白的了底下

<el-carousel
      indicator-position="none"
      arrow="never"
      :height="bannerHeight + 'px'"
    >
      <el-carousel-item v-for="item in imgList" :key="item.id">
        <img ref="bannerHeight" :src="item.idView" width="100%" @load="imgLoad" />
      </el-carousel-item>
    </el-carousel>

mounted () {
    this.imgLoad()
    window.addEventListener('resize', () => {
      this.bannerHeight = this.$refs.bannerHeight[0].height
      this.imgLoad()
    }, false)
  }

人家黑神话的最大和缩小后的变化

img

img

为什么我的尺寸缩小后就这样了,请问有什么方法可以像黑神话那样吗

img

  • 写回答

2条回答 默认 最新

  • 白云苍狗い 2023-04-24 10:36
    关注

    我去看了一下黑神话的
    他是屏幕变化中 在修改图片的宽度 高度是没有变化 你为什么要修改你的高度呢

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 5月2日
  • 已采纳回答 4月24日
  • 创建了问题 4月23日

悬赏问题

  • ¥500 把面具戴到人脸上,请大家贡献智慧
  • ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面,不要作在线的,要离线状态。
  • ¥15 各位 帮我看看如何写代码,打出来的图形要和如下图呈现的一样,急
  • ¥30 c#打开word开启修订并实时显示批注
  • ¥15 如何解决ldsc的这条报错/index error
  • ¥15 VS2022+WDK驱动开发环境
  • ¥30 关于#java#的问题,请各位专家解答!
  • ¥30 vue+element根据数据循环生成多个table,如何实现最后一列 平均分合并
  • ¥20 pcf8563时钟芯片不启振
  • ¥20 pip2.40更新pip2.43时报错