scss 元素的相对比率 - 纯CSS

Posted

tags:

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

.box{
	position: relative;
	width: 100%;		/* desired width */

  &:before{
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
  }

}

以上是关于scss 元素的相对比率 - 纯CSS的主要内容,如果未能解决你的问题,请参考以下文章

scss 纯CSS材料设计表单

scss 多线夹紧纯CSS

scss 10种形式的马卡利|纯CSS响应和动画

scss 流体比率图像

scss 比率框

scss 视频嵌入比率