在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的博客，该博客的帖子内嵌文本？