как иметь отзывчивые изображения с Markdown на угловые?

Question

Я загружаю файл Markdown (md) на угловую страницу, и мне не удается заставить изображения реагировать на мобильном телефоне.

Я нашел несколько учебных пособий, в которых для этого используется Jquery, но поскольку я использую angular, я не хочу использовать Jquery.

Я пытался загрузить 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>