Angularjs 角度-根据屏幕大小改变图像(设置)
我正在创建一个响应性强的网站,并尝试根据屏幕大小设置图像。如果屏幕很宽,我会设置一个较大的图像,如果屏幕较小,我会设置一个较小的图像 为了实现这一点,我使用Angularjs 角度-根据屏幕大小改变图像(设置),angularjs,resize-image,Angularjs,Resize Image,我正在创建一个响应性强的网站,并尝试根据屏幕大小设置图像。如果屏幕很宽,我会设置一个较大的图像,如果屏幕较小,我会设置一个较小的图像 为了实现这一点,我使用ng srcset如下: 这段代码有效,但当我在电脑中重新加载网站时,会不时显示“默认”图片(1280-iphone5.png),但比正常大小大得多。 知道我做错了什么吗 提前谢谢你 我推荐 您可以使用psResponsiveConfig angular.module('psResponsive', []) .value('psResp
ng srcset
如下:
这段代码有效,但当我在电脑中重新加载网站时,会不时显示“默认”图片(1280-iphone5.png),但比正常大小大得多。
知道我做错了什么吗
提前谢谢你 我推荐
您可以使用psResponsiveConfig
angular.module('psResponsive', [])
.value('psResponsiveConfig', {
sizes: [{
name: 'small',
minWidth: 640
}, {
name: 'medium',
minWidth: 880
}, {
name: 'large',
minWidth: 1024
}]
});
并在控制器中使用这些大小的名称。如果您没有在图像URL上绑定任何内容,我认为使用
ng src
或ng srcset
没有任何意义,请使用普通的src
和srcset
进行尝试,并告诉我是否有效。我尝试使用src
和srcset
但无效。感谢您的建议。它似乎完美地完成了我想要的(如果我无法修复错误,这是一个不错的选择),但首先我将尝试了解srcset