html - 在 django-markdownx 中管理图像大小

Question

有没有办法在我用 django-markdownx 上传的图像上应用 CSS？或者基本上任何方式来动态调整在基于 Django 的博客网站中与文本内联发布的图像的大小？

我已经尝试了所有常规方法：

<p style="max-width: 100%">{{ post.formatted_markdown|safe }}</p>

或者：

<div class="card" style="max-width: 100%">
    <h2><a href="">{{ post.title }}</a></h2>
    <h5>published: {{ post.published_date }}, by: {{ post.author }}</h5>
    <div><img src="{{ post.main_image.url }}"></div>
    <p>{{ post.formatted_markdown|safe }}</p>
</div>

或者：

<p class="markdown">{{ post.formatted_markdown|safe }}</p>

与 CSS 相关

.markdown {
    max-width: 100%
}

如果原始尺寸比它刚刚超出的屏幕宽，这些都不能将图像保持在限制范围内。

是否无法控制通过 django-markdownx 添加的图像的大小？有没有另一种解决方案可以轻松管理基于 Django 的博客，其中包含带有文本内嵌图像的帖子？

标签： htmlcssdjangodjango-templatesdjango-markdownx