我一直在尝试使用 CSS 媒体查询在超高分辨率显示器上进行图像替换，它们似乎对 CSS 中定义的单个图像效果很好。但是，由于我对 CSS 的掌握有限，我正在努力创建智能规则。
是否可以使用 CSS 媒体查询来创建规则，如果可用，该规则将用 @2x 版本替换任何图像？我知道有一个 jscript 可以做到这一点（retina.js），但是它可以追溯地工作，并且不适用于动态呈现的图像。我认为最好在 CSS 中定义它们，以便它们第一次加载正确的图像。或者，我是否完全用 CSS 找出了错误的树？
我一直在尝试使用 CSS 媒体查询在超高分辨率显示器上进行图像替换，它们似乎对 CSS 中定义的单个图像效果很好。但是，由于我对 CSS 的掌握有限，我正在努力创建智能规则。
是否可以使用 CSS 媒体查询来创建规则，如果可用，该规则将用 @2x 版本替换任何图像？我知道有一个 jscript 可以做到这一点（retina.js），但是它可以追溯地工作，并且不适用于动态呈现的图像。我认为最好在 CSS 中定义它们，以便它们第一次加载正确的图像。或者，我是否完全用 CSS 找出了错误的树？