CSS3滤光片在视网膜与非视网膜上的阴影半径

Chrome上的阴影滤镜在视网膜上的模糊半径比在非视网膜上的小。safari似乎没有问题

CSS:

视网膜显示器：

非视网膜显示器：

---

有人对此有办法吗？我在谷歌得到的只是另一个SVG问题的修复，因为过滤器，实际的SVG变得模糊。

问题可能是视网膜的像素比更大。尝试媒体查询，然后将retina的值加倍

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    /* RETINA, YOU'RE SO SPECIAL */
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    /* RETINA, YOU'RE SO SPECIAL */
}