默认情况下，an 占用零空间，直到浏览器加载足够的图像以知道其尺寸：塞纳猫重置运行演示时，您会立即看到。然后，几秒钟后，这一段和随后的页面内容向下移动，为图像腾出空间。这使得用户体验非常令人沮丧，因为内容从用户的眼睛/手指/指针下方移出。十多年来，我们不得不使用愚蠢的技巧来手动应用纵横比，然后，典型的，两个更好的解决方案几乎同时出现。它们是 CSSaspect-ratio 和 width&height 表示性提示。那么，您应该使用哪个？首先，让我们看看这些功能是如何工作的，因为那里有很多错误信息……CSS 纵横比如果你这样做：.aspect-ratio-demo {
aspect-rati……