使用角度缩放大图像以适应屏幕宽度

Question

我想使用 AngularJS 缩放大图像的高度/宽度，使其适合多个设备上的屏幕（响应）。这个网站是我试图完成的一个例子。

angular 是否有一个指令可以处理这个问题，或者我是否需要创建一个指令或工厂来完成这个任务？有没有人尝试过WURFL Image Tailor (WIT)？

Answer 1

在大多数情况下，您根本不需要 angularjs。这可以使用background-size属性单独使用 css 来完成。

例如，为了缩放到宽度：

.bg {
  background-size: 100% auto;
}

并缩放到高度：

.bg {
  background-size: auto 100%;
}