在HTML中调整图片高度的方法多种多样，本文将详细介绍几种常见的方法，以帮助您轻松实现图片高度的调整。
1、直接在HTML标签中设置高度属性
在HTML中，我们可以直接在<img>标签中使用height属性来设置图片的高度。
<img src="example.jpg" height="300">
上述代码将图片的高度设置为300像素，需要注意的是，直接设置高度可能会导致图片的比例失调，为了避免这种情况，建议同时设置width属性，以保持图片的宽高比。
2、使用CSS样式调整图片高度
我们还可以使用CSS样式来调整图片的高度，为图片添加一个类名：
<img src="example.jpg" class="resize-image">
接着，在CSS中为该类名设置样式：
.resize-image {
height: 300px;
width: auto;
}
上述代码将图片的高度设置为300像素，同时将宽度设置为自动，以保持图片的原始宽高比。
3、使用内联样式调整图片高度
除了使用CSS样式外，我们还可以使用内联样式来调整图片的高度。
<img src="example.jpg" style="height: 300px; width: auto;">
这种方法与使用CSS样式类似，但直接将样式写在HTML标签中，适用于简单的场景。
常见问题与解答：
Q1: 调整图片高度后，图片的宽高比发生改变怎么办？
A1: 为了避免宽高比发生改变，建议在设置高度的同时设置宽度，并将宽度设置为auto，这样可以保持图片的原始宽高比。
Q2: 为什么有时候图片调整高度后，图片仍然显示不完整？
A2: 这可能是因为图片的原始尺寸超过了浏览器窗口或容器的尺寸，在这种情况下，可以尝试为图片的容器设置一个最大宽度，以确保图片能够完整显示。
Q3: 如何在响应式布局中实现图片的高度自适应？
A3: 在响应式布局中，可以使用媒体查询（Media Query）来根据屏幕尺寸设置不同的图片高度，使用百分比、视口单位（如vw、vh）或者CSS的flexbox布局等方法，可以实现图片的高度自适应。