Я пытаюсь создать отзывчивый экран в стиле Bootstrap, используя угловой 2 и угловой материал.
Рассмотрим этот пример: https://getbootstrap.com/docs/4.0/examples/album/ при изменении размера окна миниатюры начинают складываться.
Я использую угловой материал с использованием mat-grid-list, и я хочу добиться того же поведения.
https://stackblitz.com/angular/oalnrrygvga?file=app%2Fgrid-list-dynamic-example.html
Документация по материалу относительно адаптивной сетки макета определяет:
Количество столбцов, отображаемых в сетке, определяется диапазоном точек останова (диапазон предопределенных размеров экрана), в котором просматривается экран, будь то точка останова для мобильного телефона, планшета или другого размера
1) Итак, что нужно сделать для достижения того же результата в угловом материале, что и у начальной загрузки
Я нашел решение: Адаптивный дизайн с использованием md-grid-listв угловом 2
Здесь они используют либо библиотеку неугловых материалов, либо событие размера окна.Если материал должен быть отзывчивым, нам не нужно это делать.
Поэтому кто-нибудь может помочь мне, как это сделать чисто материальным способом.
Пожалуйста, смотрите: я новичок в дизайне внешнего интерфейса, поэтому я не знаю много жаргонов из мира пользовательского интерфейса.
Спасибо