介绍

在使用带有规则 object-fit 的 unset 值时，我遇到了一些奇怪的行为，并想知道这个问题是否有原因/工作。

例子

.block {
  &__img {
    width: 100%;
    height: 50%;
  }

  &--portrait {
    .block__img {
      width: unset;
      height: unset;
      object-fit: cover;
    }
  }
}

在此代码中，即使使用object-fit样式规则，图像的高度和宽度也未设置（意味着图像保持其原始高度和宽度而不是其cover宽度）。为什么会unset影响具有不同名称的规则？

在渲染 css 时，object-fit和height/在幕后有什么事情发生width吗？