跳到正文
贡献者

尺寸 / Sizing

尺寸工具控制宽度和高度,支持 auto、0、百分比、动态视口宽高与分辨率中定义的响应式中缀。

基础用法

w-25
w-50
w-100

高度

h-25
h-50
h-100
html
<aside class="w-100 w-lg-25">小屏全宽,lg 以上四分之一宽</aside>
<section class="h-screen">占满动态视口高度</section>

w-screen 使用 100dvwh-screen 使用 100dvhfill-height 将高度设置为 100%。百分比高度需要父容器具有可计算高度。

本章类名

正在加载本章类名…

最后更新于

MIT Licensed · Ore UI 风格 Vue 3 组件库