如何设置背景图片 100 的高度 - CSS

在设置背景图片时，我们经常需要设置其高度。这篇文章将介绍如何使用 CSS 设置背景图片的高度为 100。

使用 background-size 属性

可以使用 CSS 的 background-size 属性来设置背景图片的大小。

background-size: cover;

上面的代码将会让背景图片铺满整个屏幕，并等比例缩放，以充分利用空间。然而，这可能会导致图片变形，因为它强制设定了宽度和高度。

使用 height 属性

另一种设置背景图片高度的方法是使用 CSS 的 height 属性。

height: 100vh;

这个代码片段将会让背景图片的高度填满整个视窗高度，保证了图片不会变形。

结论

以上两种方法都可以达到我们设置背景图片高度为 100 的目的。使用 background-size 属性可能更方便，但是会有图片变形的问题。使用 height 属性可能更稳定，但不适用于所有情况。 在实际开发中，根据具体情况，我们可以选择适合自己的方法。

以上是本篇介绍如何设置背景图片高度的内容，希望对你有所帮助。