Angular:使用媒体查询动态更改图像(纵向/横向)

Angular: Dynamically changing image (portrait/landscape) using media queries?

本文关键字:图像 纵向 横向 媒体 动态 查询 Angular      更新时间:2023-09-26

我正在尝试更改图像,具体取决于设备是纵向还是横向。通常情况下,我会使用媒体查询,但我需要替换的2个映像是动态的,并存储在配置文件中。

我想知道Angular是否可以插入媒体查询并根据方向动态更改图像?

我也在使用SASS,但我仍然看不到通过代码实现这一点的方法。

听起来你应该使用图片元素:

https://developer.mozilla.org/en/docs/Web/HTML/Element/picture

如果您支持旧浏览器,请签出picturefill:

https://github.com/scottjehl/picturefill