在响应式设计中,可以通过CSS来使img的高度与div相同。以下是一种常见的方法:
div {
height: 300px; /* 或者使用百分比如 height: 100%; */
}
img {
height: 100%;
width: auto;
display: block;
}
height: 100%
:将img的高度设置为与父元素div相同的高度。width: auto
:根据图片的原始宽高比自动调整宽度,保持图片比例不变。display: block
:将img元素转换为块级元素,使其占据整个div的宽度。这样,img的高度就会与div相同,并且保持图片的比例不变。这种方法适用于响应式设计中需要图片与容器等高的情况。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云