如何让图片自适应容器宽度并保持原有比例？

图片宽高自适应难题

你想让图片自适应容器宽度，同时保持原有高宽比。但当前实现下，图片总失真。下面提供一个解决方案：

样式如下：

<div style="width:50%">
  <img src="/seller/templateshttps://segmentfault.com/img/bg_logo_left.png" alt=""   style="max-width:90%">
</div>

具体说明：

• width: auto;：允许图片在容器内自由伸缩。
• height: 100%;：强制图片高度等于容器高度，保持原有高宽比。

现在，图片将根据容器宽度自适应，并保持其原始比例，避免失真问题。

以上就是如何让图片自适应容器宽度并保持原有比例？的详细内容，更多请关注其它相关文章！