☀【响应式图片】

CSS 与 HTML5 响应式图片

为视网膜显示屏优化网页上的图片

 

@media only screen and (-webkit-min-device-pixel-ratio: 2), /* webkit浏览器 */
    only screen and (min-resolution: 2dppx) { /* 非webkit浏览器 */
        .box {
            background: url(highres.png);
        }
}

 

 

SVG（可伸缩矢量图形）