У меня есть карточка с изображением внутри. Изображение всегда высотой 500 пикселей, но ширина может варьироваться в зависимости от соотношения сторон.
<div class="card mt-3" style="width: 750px">
<div class="card-body">
<img src="{{ aircraftImageUrl }}" class="aircraftImage" *ngIf="aircraftImageUrl">
</div>
</div>
Как вы можете видеть, я временно попытался наложить на него ширину, что работает, но я действительно хочу карта автоматически выбирает ширину для содержащего изображения.
Принудительная ширина изображения не работает из-за разной ширины изображения.
Есть ли способ сделать это? Я ознакомился с документацией Bootstrap 4 по параметрам размеров, но я не вижу ничего, чтобы автоматически подгонять это.