Javascript 角度:使用媒体查询动态更改图像(纵向/横向)?

Javascript 角度:使用媒体查询动态更改图像(纵向/横向)?,javascript,css,angularjs,sass,media-queries,Javascript,Css,Angularjs,Sass,Media Queries,我正在尝试根据设备是纵向还是横向来更改图像。正常情况下,我会使用媒体查询,但我需要替换的两个图像是动态的,并存储在配置文件中 我想知道,如果使用Angular,是否可以插入媒体查询并根据方向动态更改图像 我也在使用SASS,但我仍然看不到通过代码实现这一点的方法。听起来您应该使用picture元素: 签出picturefill如果您支持较旧的浏览器: 听起来您应该使用picture元素: 签出picturefill如果您支持较旧的浏览器: 这太酷了:-)我还想知道您是否知道有针对angula

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

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


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

听起来您应该使用picture元素:

签出picturefill如果您支持较旧的浏览器:


听起来您应该使用picture元素:

签出picturefill如果您支持较旧的浏览器:


这太酷了:-)我还想知道您是否知道有针对angular的媒体查询服务$mdMedia存在于Angular Material设计中,但我不想将其全部添加到我的网站中,这似乎是一个非常好的Angular服务。此外,picturefill的polyfil看起来非常酷,但我有点担心android 2.3/safari浏览器的问题。修复一个可能会导致另一个出现问题您是否尝试将$mdMedia factory插入到您的项目中?看看工厂,你还需要包括$mdConstant。这很酷:-)我想知道你是否知道有任何针对angular的媒体查询服务$mdMedia存在于Angular Material设计中,但我不想将其全部添加到我的网站中,这似乎是一个非常好的Angular服务。此外,picturefill的polyfil看起来非常酷,但我有点担心android 2.3/safari浏览器的问题。修复一个可能会导致另一个出现问题您是否尝试将$mdMedia factory插入到您的项目中?查看工厂,还需要包含$mdConstant。