在我的一个网站上，当页面加载时，图像看起来比它们应该的要大得多（在 CSS 中指定）
我在想这可能与图像的大小有关，但不是。 我尝试更改“显示”属性，但这也无济于事。我在想这可能是一些与 JS 相关的调整大小问题，但我真的不知道如何测试它。这些块由 OWL-Carousel 提供支持，但我尝试搜索这样的问题并空手而归。
** 感谢本杰明的回答。该问题是由 FOUC 引起的，在元素的折叠渲染之上。一旦我添加了“关键 CSS”（在 OWL 轮播实际加载之前加载），问题就消失了。
【问题讨论】：
您正在处理的是类似于所谓的 FOUC（无样式内容的 Flash） - 尽管您的原因似乎与您的“猫头鹰轮播”有关，它需要一些时间来初始化，并且您的网站依赖于在 that 上查看实际的最终外观。
您没有任何 CSS 可以在 Owl Carousel 加载之前获得布局足够接近。如果您对其应用类似以下 CSS 的内容，它会非常接近（至少在台式机上，我没有检查移动设备之前/之后的实际外观，但可以通过@media 查询进行修改）
.scolumns {
display: flex;
overflow-x: hidden;
}
.scolumns > .column {
width: 248px;
flex-shrink: 0;
padding: 10px;
}
基本上，如果您的最终布局依赖于基于 JavaScript 的 DOM 操作，您要么想要应用一些 CSS 使其首先接近（并且不影响最终布局，因此 Direct Child Combinator above: > - 您的轮播添加容器，所以它在加载完成后不会影响它”） - 或者在父元素上使用某种加载动画，当它完全加载时隐藏。
【讨论】：