Отзывчивый, TypeScript

Question

Я хочу вернуть отзывчивый экран, ну только раздел, который показывает загруженные изображения. Как я могу изменить его, поскольку в своем коде я ввел [высоту] и [ширину], чтобы дать им меру, но я бы хотел, чтобы они настраивались автоматически, если это делается в CSS?

Answer 1

вы можете сделать отзывчивым либо с помощью начальной загрузки col, либо с помощью медиа-запроса. Если есть возможность переписать ваш HTML-код и добавить col, это будет хорошо

  <div class="row">
      <div *ngIf="" class="col-sm-12>
    /* .... */
      </div>
   </div>

Или с помощью медиа-запроса

  @media only screen and (min-width: 1024px),
only screen and (min-device-width: 1024px) and (orientation:portrait),
only screen and (min-device-width: 1024px) and (orientation:landscape) {
  #gallery {
    width: 50% !important;
    min-height: 300px;
  }
}

@media only screen and (min-width: 450px) and (max-width: 1023px) and (orientation: landscape) {

  #gallery {
    min-height: 400px;
    // max-height: 50% !important;
  }
  }

  @media (max-width: 450px) {
 #gallery {
    // max-height: 50% !important;
    // width 
  }
  }