预留广告空间

在网页上保留足够的空间来展示广告是最大限度地减少布局偏移的关键。此示例演示了预留空间的各种方法及其对布局稳定性的影响。

  • 未预留任何空间:没有为广告位容器指定尺寸。容器最初处于收起状态,并在广告填充时展开,从而导致用户可见的布局偏移。
  • 预留空间:指定了广告位容器的尺寸。容器始终会在网页上占用固定量的空间,因此布局不会发生变化。广告加载前会显示空白区域。
  • 使用占位符预留的空间:指定了广告位容器的尺寸。容器会在网页上占用固定量的空间,因此布局不会发生变化。CSS 用于设置空容器的样式,以避免在广告加载之前显示空白区域。

实现示例

观看演示