角度 - 根据屏幕大小更改图像（ng-srcset）

Question

我正在创建一个响应式网站，我正在尝试根据屏幕大小设置图像。如果屏幕很宽，我会设置一个更大的图像，如果屏幕越小，图像越小。

要实现这一点，我正在使用ng-srcset这样：

<img ng-src="css/images/1280-iphone5.png" ng-srcset="css/images/iphone5-mobile.png 640w" />

此代码有效，但有时，当我在计算机上重新加载网站时，会显示“默认”图片（1280-iphone5.png）但比正常尺寸大得多。

知道我做错了吗？

提前谢谢！

Answer 1

我建议psResponsive。

您可以使用psResponsiveConfig

配置屏幕尺寸

angular.module('psResponsive', [])
  .value('psResponsiveConfig', {
    sizes: [{
        name: 'small',
        minWidth: 640
    }, {
        name: 'medium',
        minWidth: 880
    }, {
        name: 'large',
        minWidth: 1024
    }]
});

并使用这些尺寸＆＃39;控制器中的名称。