text 我们使用它来创建维持比率的可伸缩元素（通常是图像/背景图像）。

Posted 2021-05-02

div {
    @include responsive-ratio(16,9);
}


@mixin responsive-ratio($x,$y, $pseudo: false) {
    $padding: unquote( ( $y / $x ) * 100 + '%' );
    @if $pseudo {
        &:before {
            @include pseudo($pos: relative);
            width: 100%;
            padding-top: $padding;
        }
    } @else {
        padding-top: $padding;
    }
}