語法
寬高比aspect-ratio
Setting the ratio for the box.
Overview
| Class | Declarations |
|---|---|
aspect:`ratio` | aspect-ratio: `ratio`;
|
square | aspect-ratio: 1/1;
|
video | aspect-ratio: 16/9;
|
Apply conditionally
Apply styles based on different states using selectors and conditional queries.
<div class="aspect:1/1:hover aspect:1/1@sm aspect:1/1@dark aspect:1/1@print">…</div>