你可以使用CSS样式来实现给img设置宽度为100%、高度为自适应,并保持纵横比不变的效果。以下是一个示例代码:
.vipImg img {
width: 100%;
height: auto;
max-width: 270px;
}
在这个示例中,我们将img的宽度设置为100%,表示占满父元素的宽度,而高度设置为auto,表示根据图片的原始纵横比自动计算出合适的高度。同时,使用max-width属性限制最大宽度为270px,以防止在较大屏幕上拉伸过多。
另外,请确保你的HTML结构正确嵌套,并将类名”vipImg”添加到包含图片的父级容器上。
内容由零声教学AI助手提供,问题来源于学员提问