css 有什么办法支持高清屏下 图片适配 怎么做

我知道可以用-webkit-image-set

不过firefox edge ie11好像不行

只要支持到ie11 firefox edge
我找到一种写法
grace的写法是什么意思 为什么要在media后在加个background-size

.foo {
background-image: url(../../src/img/daojianshenyu@1x.jpg);
background-image: -webkit-image-set(url(../../src/img/daojianshenyu@1x.jpg) 1x, url(../../src/img/daojianshenyu@2x.jpg) 2x); }

@media only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.foo {

background-image: url(../../src/img/daojianshenyu@2x.jpg);
background-size: 512px 272.5px; } }