Radix Homepage
Radix Homepage
主题主题基础组件基础组件图标图标颜色颜色
文档演练博客
Components

宽高比

按所需比例显示内容。

View sourceReport an issueView in Playground
A house in a forest
<AspectRatio ratio={16 / 8}>

	<img
		src="https://images.unsplash.com/photo-1479030160180-b1860951d696?&auto=format&fit=crop&w=1200&q=80"
		alt="A house in a forest"
		style={{
			objectFit: "cover",
			width: "100%",
			height: "100%",
			borderRadius: "var(--radius-2)",
		}}
	/>

</AspectRatio>

API 参考

¥API Reference

此组件继承了 宽高比基础组件 的属性。

¥This component inherits props from the Aspect Ratio primitive.

Previous警告对话框
Next头像