手机端图片轮播图高度,大家一般怎么写的呢?如果不用js 获取图片高度再设置的,直接用css 能让图片高度自适应吗?
高度写死,宽度自适应就行,一般ui也会根据设计图给图片,不用前端适配的,让图片根据屏幕宽度自适应缩放就行
一般可以把高度固定,比如使用 vh 单位,然后宽度自适应。
vh
同时配合 img 的 object-fit 属性,得到较好的展示效果。
object-fit
10 回答11.7k 阅读
2 回答3.2k 阅读✓ 已解决
2 回答4.3k 阅读✓ 已解决
5 回答2.2k 阅读
4 回答4.6k 阅读✓ 已解决
3 回答1.9k 阅读✓ 已解决
4 回答2.1k 阅读✓ 已解决
3 回答2k 阅读✓ 已解决
4 回答2.1k 阅读
1 回答3k 阅读✓ 已解决
2 回答1.8k 阅读
5 回答1.9k 阅读✓ 已解决
高度写死,宽度自适应就行,一般ui也会根据设计图给图片,不用前端适配的,让图片根据屏幕宽度自适应缩放就行