轮播/背景调用的图片属性应该怎么设置才能适应浏览器的随意缩放？

Question

轮播图片，背景图片：width设置100%，不设置高度的话要么不显示图片，要么显示的图片被拉伸；但是设置高度的话，随着浏览器缩放至50%，或者放到到200%，会变形

；怎么办？怎么设置图片的属性？（图1是浏览器放大到400%的情况，但是下面出现很多空白）

Answer 1

三种办法：1.设置背景属性，background-size:cover;，这种情况需要内容将该元素撑开2.将该轮播宽高用动态rem来定义大小，这样背景一直是以成比例呈现的。3.背景用img标签引入，width:100%,height:auto绝对定位后让它充当“背景”希望可以帮到你