CSS拉伸或调整背景图片

00

我想使用css拉伸或调整背景图像,因此无论屏幕大小如何,它始终处于宽度和高度的100%。这个问题被问了很多遍,每个人都建议使用background-size:100%,它将起作用。但使用背景尺寸仅适合我图像的宽度,而高度仍被裁剪。
如果有人可以帮助我,我将不胜感激。
非常感谢

Goos van den Bekerom

编辑:

您尝试过background-size: 100%
CSS将100% width, automatic height解释为如下所示:

background-size: 100% auto;

您想要的第二个参数(高度)也是100%,因此您应该这样做:

background-size: 100% 100%;

结束编辑

尝试:

background-size: cover;

这将适合宽度或高度并溢出其余部分

或者:

background-size: contain;

这将使图像尽可能大而不改变其宽高比。

您可以在此处阅读更多有关css3 background-size属性的信息

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章