Skip to content

Latest commit

 

History

History
37 lines (26 loc) · 786 Bytes

3.5.4 新的 CSS 长宽比属性aspect-ratio.md

File metadata and controls

37 lines (26 loc) · 786 Bytes

3.5.4 新的 CSS 长宽比属性aspect-ratio

.container {
  width: 100%;
  aspect-ratio: 16 / 9;
}


.sponsor img {
  aspect-ratio: 1 / 1;
  width: 100%;
  object-fit: contain;
}

object-fit

object-fit CSS 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。

您可以通过使用 object-position 属性来切换被替换元素的内容对象在元素框内的对齐方式。

object-fit: fill;
object-fit: contain;
object-fit: cover;
object-fit: none;
object-fit: scale-down;

参考