【发布时间】:2015-04-14 15:35:52
【问题描述】:
我想知道是否可以以某种方式使用 css 中的 srcset 属性来(例如)使所有图像变为 2x,它通常像这样工作
<img src="image.jpg" srcset="image.jpg 1x, higher-resolution-image.jpg 2x" >
我想知道是否有办法在 css 中使用它来使所有图像以 2x 显示 在此先感谢:D
【问题讨论】:
我想知道是否可以以某种方式使用 css 中的 srcset 属性来(例如)使所有图像变为 2x,它通常像这样工作
<img src="image.jpg" srcset="image.jpg 1x, higher-resolution-image.jpg 2x" >
我想知道是否有办法在 css 中使用它来使所有图像以 2x 显示 在此先感谢:D
【问题讨论】:
你应该会发现这篇文章很有用:
Is there a srcset equivalent for css background image
它提到使用图像集:
background: -webkit-image-set( url('path/to/image') 1x, url('path/to/high-res-image') 2x );
【讨论】:
-webkit-image-set 可以去任何需要图像的地方,而不仅仅是background,所以它应该涵盖所有(Webkit)基础。