html 图片在div框架自动适应大小

HTML图片在`<div>`框架内自动适应大小通常是通过CSS来实现的，特别是利用`max-width`和`height: auto`属性组合。当你将图片设置为相对尺寸或者百分比宽度时，图片会保持其原始宽高比，并且最大宽度不会超过`div`元素的宽度，同时高度会自适应调整。

例如：

<div class="image-container">
   <img src="your-image-url" alt="描述图片" style="max-width: 100%; height: auto;">
</div>

在这个例子中，`.image-container` 的 CSS 可能会像这样设置：

.image-container {
   display: block;
   width: 100%;
   overflow: hidden; /* 如果图片超出了div，隐藏溢出部分 */
}

这样，无论图片原始大小如何，它都会按照容器的宽度显示，而高度会根据宽高比自动调整。如果需要响应式设计，可以考虑引入媒体查询进一步优化布局。