background-size拉伸背景图片

Posted callmehn

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了background-size拉伸背景图片相关的知识,希望对你有一定的参考价值。

在制作页面中常需要对背景图片在容器中进行平铺,可用background-size属性对背景编辑:拉伸,压缩等~

background-size:contain;

将背景扩展到整个容器大小。

较为实用的:使用百分号对背景图编辑

background-size:50% 50%;

第一个参数在x轴方向,第二个参数在y轴方向扩展。

以上是关于background-size拉伸背景图片的主要内容,如果未能解决你的问题,请参考以下文章

移动端设置, mobile , 一张图片作为背景 ,平铺 ,自动拉伸 , 图片 铺满视界 ,窗口. background-image , background-size, backgroun

CSS中如何设拉伸背景图片铺满屏幕

background-size值为100% 100%和cover的区别

html 如何让背景图片充满全图,就是拉伸

拉伸SVG背景图像?

拉伸和缩放 CSS 背景