最近做项目的时候 突然遇到的问题
原图是一张:width: 750px; height: 400px;
首先默认的状态:
设置 background-size: 100% 100%; //这将设置为图片的宽高都是100% 去适应div的大小
background-repeat: no-repeat; //这将设置图片 不重铺 图片会被拉伸和缩小;
设置后的效果:
文件的css:
最近做项目的时候 突然遇到的问题
原图是一张:width: 750px; height: 400px;
首先默认的状态:
设置 background-size: 100% 100%; //这将设置为图片的宽高都是100% 去适应div的大小
background-repeat: no-repeat; //这将设置图片 不重铺 图片会被拉伸和缩小;
设置后的效果:
文件的css: