帖子
帖子
用户
博客
课程
12下一页
返回列表 发新帖
显示全部楼层
79
帖子
3
勋章
803
Y币

[YonStudio] 可视化轮播图组件如何在不同屏幕尺寸下自适应图片

[复制链接]
发表于 2022-12-7 09:53:19
hoc-banner-list-od 组件如何在不同屏幕尺寸下自适应图片大小


还有就是可视化模块的文档在哪里看
宽高比例写百分比 就可以自适应的
79
帖子
3
勋章
803
Y币
勇可可 · 2022-12-7 10:01宽高比例写百分比 就可以自适应的

可以给个例子吗 我这边设置完不起作用

我这的图片尺寸是 690 * 204
贰山 · 2022-12-7 10:05可以给个例子吗 我这边设置完不起作用

我这的图片尺寸是 690 * 204

就是你代码里图片的宽高啊  width:100%   这么写  不要写固定数690px
79
帖子
3
勋章
803
Y币
勇可可 · 2022-12-7 10:29就是你代码里图片的宽高啊  width:100%   这么写  不要写固定数690px

我写的宽度是width: 100% 高度怎么比例呢 auto不行

padding-bottom的方式也不行
贰山 · 2022-12-7 14:54我写的宽度是width: 100% 高度怎么比例呢 auto不行

padding-bottom的方式也不行

高度也可以百分比吧。
67
帖子
2
勋章
605
Y币
width:100%;

高度不要管,他会自动按图片的比例显示。
79
帖子
3
勋章
803
Y币
勇可可 · 2022-12-7 16:10高度也可以百分比吧。

高度百分比是相对于整个屏幕的百分比啊
79
帖子
3
勋章
803
Y币
小软萌 · 2022-12-7 16:38width:100%;

高度不要管,他会自动按图片的比例显示。

不填高度?
114
帖子
2
勋章
577
Y币

有个mode属性
12下一页
您需要登录后才可以回帖 登录

本版积分规则