示例:从相机或手机中单击的图片库是显示用户期望从产品中获得的图片质量的可接受方式。 所需脚本→ 未指定。 描述→ AMP 可以根据视口位置、系统资源、连接带宽或其他因素选择延迟或优先加载资源。amp-img 组件允许运行时有效地管理图像资源。
与所有从外部获取的 AMP 资源一样,amp-img
组件必须提前指定明确的大小(如宽度/高度),制造电邮清单 以便在就可以知道宽高比。布局属性决定了实际的布局行为。 响应式布局和固有布局都会创建一个自动缩放的图像。主要区别在于内在布局使用 SVG 图像作为其缩放元素。这将使其行为方式与标准 HTML 图像相同,同时保留浏览器了解初始布局上图像大小的优势。
固有布局将具有固有大小,并将膨胀浮动 div
,直到它达到由传递给 amp-img 的宽度和高度属性定义的图像大小(而不是图像的自然大小)或 CSS 约束,例如最大宽度。响应式布局将在浮动 div 中呈现 0x0,AOB 目录 因为它从父级获取其大小,而父级在浮动时没有自然大小。 (e) 放大器布局 目的→ amp-layout 是一个通用的多用途容器元素,它将 AMP 强大的布局带到任何元素。