語法
寬高比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;
|
Conditionally apply
Apply styles based on different states using selectors and applying conditionally.
<div class="aspect:1/1:hover aspect:1/1@sm aspect:1/1@dark aspect:1/1@print">…</div>