图和图形图缩小了图像

Question

我正在尝试使用数字和figcaption标签来取得不同的成功。有人提出了一个很好的CSS方法来摆脱图形边缘，并将标题与图像链接起来。

问题：所有图像缩小到极小的尺寸。

不确定如何纠正这个问题。这些是使用Django的用户提交的图像，因此它们的大小不同。但是目前，使用这些修复程序，所有这些修复都缩小了一个适合图像的标题，但却失败了，因为它会产生一个带有宽度均匀标题的小图像。

                {% if story.pic %}
            <h2>Image</h2>
              <figure>
            <img class="image"src="{{ story.pic.url }}" alt="some_image_alt_text"/>
            {% if story.caption %}
                <figcaption>{{story.caption}}</figcaption>
            {% endif %}
              </figure>
            {% endif %}


figure {margin:0; display:table; width:1px;} 

figcaption {display:table-row;}