宽高比

用于控制元素纵横比的实用程序。

Class Properties
aspect-auto aspect-ratio: auto;
aspect-square aspect-ratio: 1 / 1;
aspect-video aspect-ratio: 16 / 9;

基础使用

设置宽高比

使用 aspect-{ratio} 实用程序来设置元素所需的纵横比。

  1. <iframe class="w-full aspect-video ..." src="https://www.youtube.com/..."></iframe>

Tailwind 没有包括一组大量的默认宽高比值，因为使用任意值更容易。有关更多信息，请参阅任意值部分。