.dong_img { animation: zoomInOut 6s ease infinite; } @keyframes zoomInOut { from { transform: scale(1); } to { transform: scale(1.07); } } 怎么才能使得高度不会发生变化

这段 CSS 代码是为一个类名为 "dong_img" 的元素添加了一个名为 "zoomInOut" 的动画，使其在 6 秒钟内从原始大小缩放到 1.07 倍大小，然后再回到原始大小，循环无限次。如果您想要防止高度发生变化，可以考虑将动画效果只应用于元素的宽度，而不是同时应用于宽度和高度。您可以尝试修改 CSS 代码如下：

.dong_img {
    animation: zoomInOut 6s ease infinite;
    height: auto;
}

@keyframes zoomInOut {
    from {
        transform: scaleX(1);
    }
    to {
        transform: scaleX(1.07);
    }
}

这样，动画效果将只应用于元素的宽度，高度将保持不变。我希望这个回答对您有所帮助！