【问题标题】:Resizing image based on screen size根据屏幕大小调整图像大小
【发布时间】:2019-01-20 22:30:32
【问题描述】:

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

谢谢!

【问题讨论】:

    标签: angular responsive


    【解决方案1】:

    我知道这有时是巨大的、令人生畏的和模糊的,但首先要开始的地方是Angular Style Guide。每次我打开它(即使我从 beta 开始就已经做过 Angular),我仍然可以学习和/或看到我以前没有注意到的东西。

    至于你的问题:如果你只在这个地方使用样式,是的,把它放在组件的 css 文件中。您可以将大小设置为百分比并称之为一天 - 这取决于您的最终目标是什么。

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

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

    【讨论】:

      猜你喜欢
      • 2013-11-25
      • 2017-01-19
      • 2012-01-27
      • 2017-12-02
      • 2014-09-21
      • 2015-07-16
      相关资源
      最近更新 更多