vue3+element plus 走马灯高度自适应问题
\#\#\# 问题描述
在vue3 上使用element plus的走马灯制作首页轮播图；因为element plus的走马灯是定高的，所以在小屏设备上走马灯的比例会很奇怪。走马灯的盒子默认是overflow hidden的，图片的显示也很奇怪。
\#\#\# 问题出现的环境背景及自己尝试过哪些方法
我试过让图片的width：100%；height：auto，这样做图片的高度和比例是正确的，但是走马灯的盒子高度并未改变。
在vue2上可以使用js去获取窗口的宽度，然后去计算盒子的高度。但是在VUE3上并不可行。因为不熟悉vue3上 ts的写法，我的代码并没能实现这个功能。
\#\#\# 相关代码
粘贴代码文本（请勿用截图）
\#\#\# 你期待的结果是什么？实际看到的错误信息又是什么？
求大神指点，感激不尽。
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
el-carousel ，el-carousel-item，el-image（或者img），这三个都用相同的style，可以用vue3的绑定style的方式，绑定同一个style变量