Ting Web UI

Ting Web UI

简洁、直观、强悍、跨浏览器的前端开发框架，让web开发更迅速、简单。

固定比例容器

21:9 容器

<div style="width: 300px">
    <div class="ratio ratio-21x9">
        <img class="ratio-item" src="../images/devices.jpg"/>
    </div>
</div>

16:9 容器

<div style="width: 300px">
    <div class="ratio ratio-16x9">
        <img class="ratio-item" src="../images/bootstrap.jpg"/>
    </div>
</div>

4:3 容器

<div style="width: 300px">
    <div class="ratio ratio-4x3">
        <img class="ratio-item" src="../images/functions.jpg"/>
    </div>
</div>

1:1 容器

<div style="width: 300px">
    <div class="ratio ratio-1x1">
        <img class="ratio-item" src="../images/hole.jpg"/>
    </div>
</div>