我只是在学习编码，并且一直在到处寻找有关此问题的答案，但由于某种原因找不到任何东西。
我注意到将图像放入容器或包装器中似乎是常见的做法。例如，而只是拥有：
<img src="url"/>
每个人似乎都同意它需要这样：
<div class="container">
<img=src"url"/>
</div>
以这种方式将 img 包裹在 div 中的目的是什么？这似乎与“响应式设计”有关，但我不是 100% 确定。是否只是为了让我们有一些东西可以相对于图像调整大小，而不是在 css 中的图像选择器上使用像像素这样的确定大小？我在写这篇文章的时候想得越多，它似乎就越是正确的答案，但我不确定在这个问题上我是否还遗漏了其他东西。
任何见解将不胜感激。谢谢你。
不幸的是，对此没有“单一”正确答案。关于为什么将任何元素包装在另一个元素中的原因可能有很多，这并不特定于<img />标签:)
在你的问题中，我读到了这样的内容（转换为现实世界的例子）：
我看到在照片周围放一个框架是常见的做法。
其中“框架”将是包装元素，而照片将是<img />.
以这种方式看待它可能会使它看起来更清晰。照片是最重要的部分，从技术上讲，您不需要框架来显示照片。如果您只有一张照片，您将无法将它挂在墙上，而不会通过将钉子穿过顶部或贴上胶带而损坏它。但是，如果您有相框，则可以使该照片占据其中的任意可用空间，您可以使用夹子将其挂在墙上，如果将多张照片放入相框中，则可以一次移动它们因为它们在同一个框架中。
大多数人将该图像放在“容器”中的原因是因为与单独使用图像相比，他们从中获得了某种优势，这可能从纵横比锁定到相对定位。在某些情况下，还需要包装器来实现某些（尤其是更复杂的）动画。
网站由“逻辑”部分构建而成，这些部分共同构成了一个网站。各个部分都是“框架”，它们“流动”在一起以创建您在每个网站上看到的任何页面布局。
这只是一种结构化的思维方式，如果该图像的目的是用作整个页面的背景图像，更好的选择是background-image在<body>标签上使用 CSS属性而不使用该图像。但是，如果该图像是您网站较小部分的一部分，则可能应该适当地包含它。
这个答案绝不是一个指南，也不是规则集或类似的东西，它们只是另一个开发人员的想法。包装一个元素有无数的原因，这个答案甚至没有涵盖这些情况的 0.0000001%。我只是想说 - 这里没有特定的理由去做或不做。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句