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