CSS图像集/背景图像。img srcset的替代方案？有人用这个吗？
就像html的“srcset”
W3C信息：https://drafts.csswg.org/css-images-3/#funcdef-image-set
它目前与Chrome、Safari、歌剧和Android浏览器兼容。目前与FireFox或IE/Edge浏览器不兼容。它似乎也在为微软的边缘浏览器开发。http://caniuse.com/#feat=css-image-set
下面是实现/测试的示例：cloudfour.com/examples/image-set/
对于正常屏幕和视网膜屏幕，它似乎只接受通用（x）分辨率dpi。
<image-set-option> = [ <image> | <string> ] <resolution>
background-image: image-set( "foo.png" 1x,
"foo-2x.png" 2x,
"foo-print.png" 600dpi );
除此之外，我找不到关于这个的任何文档。
我的问题是：
有人用这个吗？
这可以用来优化页面加载速度（例如，不同的版本基于屏幕宽度为320px宽度，640px宽度，1024px宽度等）？
（我知道@media screen和（最大宽度），请不要提及。）
共有1个答案
这是图像优化的一部分，因为浏览器将使用它所需的图像，而不是缩小大图像，因此将改进页面加载，因为分辨率较低的图像尺寸较小，因此加载速度更快。。
尽可能使用picturefill。。这是一个很好的资源。。
-
下面的外部CSS页面示例中的快速简单问题； 我知道它们会影响不同的元素选择器，我的问题是使用背景和背景图像有什么区别？一方可以访问另一方的特定属性吗？谢谢你。
-
在使用WordPress时，是否可以像通常在HTML中一样在CSS中获得背景图像。我试过这么做，但没用。
-
问题内容： 我有一个网站（g-floors.eu），并且我想使背景（在CSS中我为内容定义一个bg图像）也具有响应性。不幸的是，除了我可以想到的一件事外，我真的对如何执行此操作一无所知，但这是一个解决方法。创建多个图像，然后使用css屏幕大小更改图像，但是我想知道是否有更实用的方法来实现此目的。 基本上，我想要实现的是图像（带有水印“ G”）自动调整大小，而不会显示更少的图像。如果可能的话 我到目
-
我试图使用CSS设置背景图像，但原始图像被拉伸。如何保持原始图像大小，同时设置整个页面的背景？ 原始图像为：原始图像 结果是：结果图像 不同的是我的网页背景比原来的要大。 任何帮助都将不胜感激！！！
-
问题内容： 我想居中背景图像。没有使用div，这是CSS样式： 上面的CSS会全部平铺并将其居中，但是看不到一半的图像，只是向上移动了一点。我想做的就是将图像居中。我可以在21英寸的屏幕上观看图像吗？ 问题答案： background-image: url(path-to-file/img.jpg); background-repeat:no-repeat; background-position
-
问题内容： 如何在JPANEL上放置图像背景？ 问题答案： 这是一个解释。