Skip to content

CSS 固定宽高比

Published: at 06:56 AMSuggest Changes

需求

css 实现固定宽高比

实现

aspect-ratio: 16/9;

其他方式

<div class="wrapper">
  <div class="intrinsic-aspect-ratio-container"></div>
</div>
.wrapper {
  width: 40vw;
}
.intrinsic-aspect-ratio-container {
  width: 100%;
  height: 0;
  padding: 0;
  padding-bottom: 75%;
  margin: 50px;
  background-color: lightsalmon;
}

参考文章


Previous Post
CSS 相对居中
Next Post
微信小程序 JS 添加自定义位置水印