レスポンシブイメージを実現するCSS4のimage-set iOS6のMobile Safariで新たにレスポンシブイメージを実現するCSS4(WD)のimage-set関数が実装されました。 仕様は「CSS Image Values and Replaced Content Module Level 4」、詳しい日本語の解説は「Responsive imagesのための-webkit-image-set() - fragmentary」を参考にしていただくとして、早速どのようになるか試してみました。 #img{ background:black; background:-webkit-image-set( url(1x.png) 1x, url(2x.png) 2x ); width:100px; height:50px; } このようにベンダープリフィックスを付けた-webkit-im
![レスポンシブイメージを実現するCSS4のimage-set](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)