Responsive design 带有放大插件的响应图像

我在那里是新的，新的响应方式，并希望第一个动力（？）处理源上

我的第一个问题：html正文中引用了哪个图像（大的还是缩略图）

如果缩略图-大的在哪里？ 是否可以加载一个足够大的图像，而不是更大的图像

提前感谢,，

---

卡尔

在您链接到的网站中，缩略图和弹出窗口使用相同的图像

可以使用img标记上的

srcset

属性根据视口大小加载图像

一个简单的例子：

<img srcset="small.jpg 1x, large.jpg 2x"
   src="small.jpg"
   alt="Alt text" />

这为不支持srcset属性的浏览器提供了一个很好的回退

---

您可以找到一个全面的使用指南。

在您链接到的网站中，缩略图和弹出窗口使用相同的图像

可以使用img标记上的

srcset

属性根据视口大小加载图像

一个简单的例子：

<img srcset="small.jpg 1x, large.jpg 2x"
   src="small.jpg"
   alt="Alt text" />

这为不支持srcset属性的浏览器提供了一个很好的回退

---

你可以找到一本全面的使用指南。

这很好，帕夫林。我在最近购买的一本关于响应式设计的昂贵书籍中没有发现这种情况。>---我的新问题：1x和2x图像是否相等？我这样做是为了节省带宽（为客人），在我的手机上有2x版本，只占宽度的三分之一，可能质量更好（视网膜）。这很好，帕夫林。我在最近购买的一本关于响应式设计的昂贵书籍中没有发现这种情况。>---我的新问题：1x和2x图像是否相等？我这样做是为了节省带宽（为客人），因为在我的手机上有2x版本，只占宽度的三分之一，可能质量更好（视网膜）。