#022：灵活的图片（图和图注）

在我们进行一些排版工作之前，我想我们会修复图片超出文章区域和网格的烦人问题。使用一些简单的 CSS 规则来覆盖内联图像属性和样式，我们可以将图片压缩以适合我们的帖子并保持正确的尺寸。

以前，像这样压缩图片并不是很酷，因为浏览器在调整大小方面做得不好，但现在情况已经不同了。事实上，这是一个好主意，因为显示器分辨率越来越高，图片会更清晰。

调整大小本质上由以下内容处理

figure img {
  max-width: 100%;
  height: auto !important;
}

我们稍微调整一下图和图注的样式，使它们看起来像博客文章中的一个合适的图。