HTML source元素srcset属性不同图片实例页面

回到相关文章 »

效果：

不同设备像素比显示不同图像

//zxx: 桌面预览和手机预览模式测试切换测试，或者缩放页面比例测试

代码：

CSS代码：
img {
    width: 128px;
}
HTML代码：
<picture>
  <source srcset="128px.jpg, 256px.jpg 2x, 512px.jpg 3x">
  <img src="128px.jpg">
</picture>