Изменение размера изображения в зависимости от размера экрана

Question

Сборка моего первого углового приложения.Я хочу изменить размер логотипа, отображаемого в строке заголовка, в зависимости от размера экрана.В прошлом с начальной загрузкой я бы использовал медиа запросы и css, но я не уверен, как это сделать с angular.Читал все виды вещей о размещении слушателей для размера экрана, но как мне получить доступ к этому из компонента заголовка?Я использую файл scss для компонента заголовка?Просто ищу несколько указателей на то, что я должен исследовать, чтобы найти способ сделать это в угловом выражении.

Спасибо!

Answer 1

Я знаю, что время от времени это огромно, сложно и расплывчато, но первое место, которое нужно начать, - Angular Style Guide .Каждый раз, когда я открываю его (все еще, несмотря на то, что я делал угловые с бета-версии), я все еще учусь и / или вижу то, чего раньше не замечал.

Что касается вашего вопроса: если вы толькоиспользуя стиль в этом одном месте, да, поместите его в файл css компонента.Вы можете установить размер в процентах и ​​назвать его днем ​​- это зависит от конечной цели.

Библиотека Angular Flex Layout также может упростить некоторые прямые стили (в зависимости от того, какбольшая гибкость может или не может помочь вам в достижении вашей конечной цели).

(Правка 1) Вам не нужны никакие причудливые слушатели или что-то еще.Кроме того, медиа-запросы будут работать нормально!