Angular:使用媒体查询动态更改图像(纵向/横向)
Angular: Dynamically changing image (portrait/landscape) using media queries?
我正在尝试更改图像,具体取决于设备是纵向还是横向。通常情况下,我会使用媒体查询,但我需要替换的2个映像是动态的,并存储在配置文件中。
我想知道Angular是否可以插入媒体查询并根据方向动态更改图像?
我也在使用SASS,但我仍然看不到通过代码实现这一点的方法。
听起来你应该使用图片元素:
https://developer.mozilla.org/en/docs/Web/HTML/Element/picture
如果您支持旧浏览器,请签出picturefill:
https://github.com/scottjehl/picturefill
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- nodejs-expressjs上传图像并显示它们
- 使用JSP从服务器检索和显示图像
- 角度:在ng重复上切换图像
- 画廊图像未显示
- Phonegap-(安卓/iphone)多个图像的图像库出现问题
- Javascript排序的图像弹出窗口..可以't单独弹出
- 画布数据到图像
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 使图像在单击时展开到不大于浏览器
- Html页面上的多个Base64图像和平滑加载
- UIAutomation放大图像
- 使用javascript在Flash中加载外部图像
- 可以在这里为背景图像设置滤镜吗
- 当图像转换为本地存储的DataURL时,EXIF被删除
- 响应式设计:纵向/横向模式下的图像
- 根据浏览器大小调整图像大小,但对于横向和纵向HTML则不同
- HTML5, Javascreen显示图像,如果纵向/横向
- 如何以正确的方向显示图像,横向或纵向
- Angular:使用媒体查询动态更改图像(纵向/横向)