根据屏幕尺寸调整图像大小

时间:2019-01-20 22:30:33

标签: angular responsive

构建我的第一个有角度的应用程序。我想根据屏幕尺寸更改显示在标题栏中的徽标的尺寸。在过去使用bootstrap时,我会使用媒体查询和CSS,但是我不确定如何使用angular。已经阅读了有关放置屏幕大小的侦听器的各种方法,但是如何从标头组件访问它呢?我是否将scss文件用于标头组件?只是寻找一些有关我应该研究的方法的提示,以实现这种方法。

谢谢!

1 个答案:

答案 0 :(得分:2)

我知道有时这是巨大的,令人生畏的和模糊的,但是首先要开始的是Angular Style Guide。每次打开它(即使自Beta版以来我都做过角度测试),我仍然会学习和/或看到以前从未注意到的东西。

关于您的问题:如果仅在此位置使用样式,是的,将其放入组件的css文件中。您可以将大小设置为百分比,然后将其命名为“天”,这取决于最终目标是什么。

Angular Flex Layout库还可以简化一些直接的样式(取决于灵活程度可以或不能帮助您实现最终目标)。

(编辑1)您不需要任何花哨的监听器或任何东西。此外,媒体查询仍然可以正常工作!

相关问题