Background repeat

通常，当使用大图像作为背景时，我们往往会忘记考虑在大屏幕上查看时的情况。 默认情况下，该背景将重复。

这在笔记本电脑屏幕上大多不可见，但在较大的屏幕上可以清楚地看到。

小屏幕

大屏幕

为提前避免该行为，请确保重置 background-repeat 。

.hero {
  background-image: url('..');
  background-repeat: no-repeat;
}

贡献者

• liuyanliang

版权所有

版权归属：liuyanliang

本文链接：/defensive-css/background-repeat/

许可证：署名-非商业性-禁止演绎 4.0 国际 (CC-BY-NC-ND-4.0)