如何防止 img 拉伸其父级

Question

我正在使用降价语言向网站添加帖子。所以，为了给我的帖子添加图片，我写了

![Alt text](/path/to/img.jpg) 

并且 img 出现在页面上。但是有一个问题 - 如果图像的原始宽度超过容器的宽度，图像会拉伸其父 div。我使用固定布局，因此容器元素的宽度在 css 中是硬编码的。问题是：是否甚至可以防止图像拉伸我的 div 而是自动调整大小以很好地适应它？

Answer 1

甚至可以防止图像拉伸我的 div，而是自动调整大小以适应它吗？

是的！尝试设置：

img { max-width: 100%; }

只要<img> 的容器具有明确的宽度，图像就不应超过该宽度。