0

我正在尝试优化我的网站以防止累积布局移位，并且大部分都已修复。然而，Chrome 开发者工具抱怨以下代码块受到 CLS 的影响：

<div class="colorlib-services colorlib-bg-white">
    <div class="container">
        <div class="row">
            <div class="col-md-4 text-center animate-box">
                <div class="services">
                    <div class="desc">
                        <h3>
                            <a href="Home/MySite" target="_blank">
                                <img src="~/images/Logo.svg" width="208" height="78" asp-append-version="true" />
                            </a>
                        </h3>
                        <p>Text</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 text-center animate-box">
                <div class="services">
                    <div class="desc">
                        <h3>
                            <a href="Home/About" target="_blank">
                                <img src="~/images/Logo2.svg" width="208" height="78" asp-append-version="true" />
                            </a>
                        </h3>
                        <p>More text</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 text-center animate-box">
                <div class="services">
                    <div class="desc">
                        <h3 style="margin-top:25px;">Other Services</h3>
                        <p style="margin-top:40px;">Other</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

此代码中是否还有另一个可能导致布局偏移？我的图像分辨率已设置，我没有看到任何可能导致弹出效果的内容。

4

0 回答 0