src 属性是唯一强制降级入口，必须指向可用、尺寸合理、格式兼容的图片；srcset 应只用 w 或 x 描述符之一，避免混用；sizes 必须准确匹配实际布局宽度，否则智能选图失效。
srcset 本身没有内置降级机制，浏览器不支持时会直接忽略它，只加载 src 属性指定的图片——所以“降级”不是靠配置实现的，而是靠你**必须写对 src**。
src 属性就是唯一且强制的降级入口
所有不支持 srcset 的浏览器（比如 IE11、旧版 Android Browser、部分邮件客户端）都会跳过整个 srcset 属性，只读取 src。这意味着：
-
src必须指向一张可用、尺寸合理、格式兼容的图片（如.jpg或.png） - 不能留空、不能写占位符路径（如
src=""或src="data:"），否则降级后图片直接不显示 - 不要把
src当成“小图”，它得是用户在老设备上实际能看清的版本——比如 800w 图作为src，比 320w 更稳妥（只要体积可控）
别混用 w 和 x 描述符，否则降级失效风险升高
浏览器对 srcset 的解析很严格：如果同时写了 320w 和 2x，多数旧版支持 srcset 但不完全合规的浏览器（如 Safari 12.0、某些 WebView）会直接放弃选择逻辑，退回到只加载 src——看起来像降级，实则是你配置触发了浏览器的 fallback 行为。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 只用
w描述符（推荐）：srcset="img-480.jpg 480w, img-960.jpg 960w" - 只用
x描述符（仅限纯 DPR 适配）：srcset="img-1x.jpg 1x, img-2x.jpg 2x" - 绝对不要写成：
srcset="img-480.jpg 480w, img-2x.jpg 2x"—— 这会让 Chrome 以外的很多引擎无法正确匹配
sizes 属性漏写或写错，等于废掉 srcset 的智能选图能力
sizes 不是可选装饰，它是浏览器计算“这张图要渲染多宽”的依据。没写 sizes，浏览器只能按 src 图的固有尺寸粗略估算，大概率加载过大图片；写错（比如 sizes="50vw" 但页面里图实际占满屏），会导致小屏也去拉大图。
- 最简安全写法：
sizes="100vw"（适用于全宽图） - 响应式布局必须匹配真实 CSS 占位：
sizes="(max-width: 768px) 100vw, 50vw"对应移动端全宽、桌面端半宽 - 避免用
em、rem或百分比值（如50%），sizes只接受vw、px、vh等绝对单位
真正容易被忽略的是：srcset + sizes 的组合效果，只在现代浏览器中生效；而 src 的可用性，是你控制降级体验的全部杠杆——它不高级，但不可绕过。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
