我了解在srcset
标签中使用size
和<img>
用于响应图像的分辨率切换,以及用于响应方向图像的艺术指导的<picture>
元素的想法。我已经多次阅读 not 来使用<picture>
元素进行分辨率切换,例如Opera网站上的this article。
我看到的原因是<picture>
元素迫使浏览器使用给定的图像,同时在srcset
标签中添加size
和<img>
允许浏览器来决定。例如,也许浏览器有一些基于网络条件的原因等,可以根据显示的图像做出特定选择。但是,这不必要地使我的代码复杂化(尝试根据我是在进行分辨率切换还是在美术指导上选择正确的结构),并且我什至无法确定差异(因为我正在处理的子组件可以进行裁剪和缩放)在浏览器用户界面中。)
我根本看不到任何令人信服的理由,而不是仅将<picture>
用于我正在处理的特定应用程序中的所有响应图像。有一个吗?我缺少的srcset
标签上的size
和<img>
有一些用例吗?尝试和支持这两种方法似乎不必要地复杂,而我所看到的毫无优势。