scss 比率框

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss 比率框相关的知识,希望对你有一定的参考价值。

@mixin aspect-ratio($width, $height) {
  position: relative;
  &:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: ($height / $width) * 100%;
  }
  > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

以上是关于scss 比率框的主要内容,如果未能解决你的问题,请参考以下文章

scss 视频嵌入比率

scss 元素的相对比率 - 纯CSS

scss 流体方面:用于创建固有比率的Sass mixin

scss 黄金比·白银比·その他の比率を手軽に扱うためのSCSS

scss ボックスサイズにあわせて上下左右センターに画像を表示するCSS。画像の比率やサイズに关系なく中央に配置します。

更改文本框的值,与另一个具有比率的文本框值相比