为什么我将带有<img/>标签的“ srcset”和“ size”而不是<picture>用于响应图像?

时间:2018-10-15 13:47:53

标签: html responsive-design responsive-images

我了解在srcset标签中使用size<img>用于响应图像的分辨率切换,以及用于响应方向图像的艺术指导的<picture>元素的想法。我已经多次阅读 not 来使用<picture>元素进行分辨率切换,例如Opera网站上的this article

我看到的原因是<picture>元素迫使浏览器使用给定的图像,同时在srcset标签中添加size<img>允许浏览器来决定。例如,也许浏览器有一些基于网络条件的原因等,可以根据显示的图像做出特定选择。但是,这不必要地使我的代码复杂化(尝试根据我是在进行分辨率切换还是在美术指导上选择正确的结构),并且我什至无法确定差异(因为我正在处理的子组件可以进行裁剪和缩放)在浏览器用户界面中。)

我根本看不到任何令人信服的理由,而不是仅将<picture>用于我正在处理的特定应用程序中的所有响应图像。有一个吗?我缺少的srcset标签上的size<img>有一些用例吗?尝试和支持这两种方法似乎不必要地复杂,而我所看到的毫无优势。

0 个答案:

没有答案