在我正在处理的网站 ( https://obkio.com/ ) 上,我们在主页上遇到了 CLS 问题。顶部蓝色部分的背景图像应该占据屏幕的整个宽度,但在加载时不会持续几秒钟。我们看到左右边距(如果您将网络速度限制为“慢 3G”,问题会更加明显)。
看起来图像是在应用 css 之前加载的。
我想知道如何解决这个问题。我已经尝试直接在我的 HTML 中添加样式,但它不起作用。
像那样:
<img ... style="width: 100%; object-fit: cover;" />
在我正在处理的网站 ( https://obkio.com/ ) 上,我们在主页上遇到了 CLS 问题。顶部蓝色部分的背景图像应该占据屏幕的整个宽度,但在加载时不会持续几秒钟。我们看到左右边距(如果您将网络速度限制为“慢 3G”,问题会更加明显)。
看起来图像是在应用 css 之前加载的。
我想知道如何解决这个问题。我已经尝试直接在我的 HTML 中添加样式,但它不起作用。
像那样:
<img ... style="width: 100%; object-fit: cover;" />