请问图片要怎么样搞 才会随着浏览器的大小变化或者分辨率变化来等比缩放啊

Question

我想让我网页上的图片随着浏览器大小的变化高和宽都一起等比缩放 保持原来的图片比例不变 是一个轮播图宽度我是设置了100%但是高度一直都那样 无法按比例缩放高度啊QWQ

Answer 1

.lun-bo-tu{

     width: 100%;

     height: 357px;

     position: relative;

}

.tu-pian img{

     width: 100%;

     height: 100%;

     position: absolute;

     top: 0;

     left: 0;

     display: none;

}

Answer 2

图片宽度设置百分比试试呗，高度auto

Answer 3

height:auto;