angular-retina.js和css背景图片

Question

我开始使用（retina.js）为视网膜显示加载替代图像。

<img ng-src="/path/to/image.png" width="100" height="100">

哪个没问题。

所以我开始用这个改变我的所有静态图像。

但我将其中一些作为背景图片加载到我的CSS中：

.logo {
  display: inline-block;
  width: 60px;
  height: 25px;
  background: url(../img/logo-footer.png) no-repeat;
}

<li class="logo">
...

如何更改此内容以使用ng-src/retina.js加载图片？

Answer 1

您可以在css中使用媒体查询

openssl errstr 0xNNNN

Answer 2

查看documentation for retina.js on GitHub。向下滚动到描述SASS，SCSS和LESS的部分。在这些下面，您将看到CSS的呈现方式。你没有提到你是否正在使用任何预处理器，但如果你是，我在下面引用该网站：

SCSS

DateTimeFormatter

萨斯

var duplicateItems = myList
    .GroupBy(x => x.c1)
    .Where(x => x.Count() > 1)
    .SelectMany(x => x)
    .ToList();

少

#item {
  @include retina('/images/my_image.png', 3, cover, center center no-repeat);
}

手写笔

#item
  +retina('/images/my_image.png', 3, cover, center center no-repeat)

无论方言如何，输出实际上都是相同的：

#item {
  .retina('/images/my_image.png', 3, cover, center center no-repeat);
}