如何让图片宽度自适应容器宽度？

积累知识，胜过积蓄金银！毕竟在文章开发的过程中，会遇到各种各样的问题，往往都是一些细节知识点还没有掌握好而导致的，因此基础知识点的积累是很重要的。下面本文《如何让图片宽度自适应容器宽度？》，就带大家讲解一下知识点，若是你对本文感兴趣，或者是想搞懂其中某个知识点，就请你继续往下看吧~

如何设置图片宽度自适应？

想要让图片宽度自适应，可以通过设置 width 为 auto 实现。例如：

<div   style="max-width:100%">
  <img src="/seller/templateshttps://segmentfault.com/img/bg_logo_left.png" alt="" style="width: auto; height: 100%;">
</div>

这样设置后，图片宽度将根据容器宽度自动调整，同时保持原始宽高比，避免图片失真。

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持米云！更多关于文章的相关知识，也可关注米云公众号。

苹果明年将推出最薄6mm iPhone