responsive-images-notes:响应式图片的很多注意事项——主要集中在Picturefill

概述 实施响应式图像的策略。 计划好您实施的任何内容都将被弃用的事实。 ####变量： 布局中图像的渲染大小（以 CSS 像素为单位） 屏幕密度 我们可以使用的各种大小文件的尺寸 ####考虑的因素： 旧版浏览器有问题吗？ 图片元素和 srcset 属性等方法并未得到广泛支持。 (Picturefill 2.2.0 polyfill 支持 IE9) 响应时间 - 如果不是至关重要的第三方或后端解决方案。 网站上是否已经有很多图片正在尝试过渡到响应式图片？ 是否存在关于验证或语义标签（或更确切地说是非语义标签）的问题？ 这将需要一个后端解决方案将图像请求路由到诸如类的东西，它检测屏幕大小并自动创建、缓存和提供适合设备的页面嵌入 HTML 图像的重新缩放版本，无需任何标记更改。 艺术指导 - 当我们转向响应式网站时，我们需要为设计师启用艺术指导。 TDOY 网站已经看到了需求。