img或background-image实现图片高度根据宽度改变而改变
要实现背景图片的宽度改变而高度自适应变化，可以使用CSS中的background-size属性，并将其设置为auto 100%，这样背景图片就会保持原有的宽高比，并且宽度会完全填充容器，高度则会按照容器的高度进行缩放。
以下是实现这种效果的CSS代码示例：
.container {
width: 50%; /* 或者你需要的宽度 */
height: 300px; /* 你需要的高度 */
background-image: url('path/to/your/image.jpg');
background-size: auto 100%;
background-position: center;
background-repeat: no-repeat;
}HTML部分：
<div class="container"></div>这样设置后，.container元素的背景图片将会根据其宽度进行伸缩，同时保持图片的宽高比不变，并且背景图片将会在.container的高度方向上自适应填充。
评论已关闭