响应式包装

调整大小时保持其纵横比的包装组件。

用法

从“@wordpress/components”导入{ResponsiveWrapper}；const MyResponsiveWrapper=（）=>(<ResponsiveWrapper naturalWidth={2000}naturalHeight={680}><图像src=“https://s.w.org/style/images/about/WordPress-logotype-standard.png"alt=“WordPress”/></ResponsiveWrapper>);

SVG元素的用法

当通过SVG公司元素作为<响应包装器/>的孩子，确保它有查看框和保留光谱比率设置。

在处理SVG时，可能无法导出其自然宽度和自然高度因此将其作为财产移交给<响应包装器/>。在这种情况下，SVG只是不断扩大以填充其容器，除非高度和宽度属性。

道具

儿童：反应。反应元件

要换行的元素。

• 必需：是

isInline:布尔值

如果为true，包装器将跨度而不是div公司.

• 必需：否
• 违约：假

naturalHeight:number（自然高度）

要包裹的元素的固有高度。将用于确定纵横比。

• 必需：否

naturalWidth:number（自然宽度）

要换行的元素的内部宽度。将用于确定纵横比。

• 必需：否