如何在angular上使用Markdown创建回复图片？

Question

我正在将一个Markdown (md)文件加载到一个角度页面中，但我没有设法让图片在移动设备上得到响应。

我找到了一些使用Jquery的教程，但由于我使用的是angular，所以我不想使用Jquery。

我尝试使用以下命令在markdown文件中加载img：

<img src="..." class="img-fluid" alt="Responsive image">

但它不起作用。

Markdown文件将加载到NgOnInit函数中：

ngOnInit() {
    this.sub = this.route.params.subscribe(params => {
      this.post = './assets/blog/post/' + params['id'] + '.md';
    });
  }

在我的html中，我使用

<markdown [src]="post"></markdown>

若要显示页面，请执行以下操作。

Answer 1

我使用CSS修复了这个问题。但是CSS在父组件中工作，而不是在当前组件中。

<style>
  img {
    max-width: 100%;
    height: auto;
  }
</style>