问题描述

网页设计的小问题，，，

就是使用html标签时，我在body里设置一张背景图片，然后浏览器打开发现横向填充了一张半，生生被截断了，请问有哪个属性可以把图片设置成背景，横向只占一张图片，竖向按图片比例自动适应，

解决方案

既然是网页设计，那图片的分辨率肯定是要满足电脑屏幕的要求。用ps设计好图片分辨率然后再用background-size:cover; 使图片自适应电脑屏幕大小
如果图片只是背景颜色，可以用repeat-x 水平平铺。

解决方案二：

 background:url(xxxxx.jpg) no-repeat center top;

解决方案三：

首先你要知道 图片拉伸会带来什么后果: 图片走形 甚至看不清楚图片是什么。

解决方案四：

css代码：

 background-size:cover;

会导致图片呗拉伸而变形。

解决方案五：

css中no-repeat一般用在元素backgroud-repeat的设置中，含义为不平铺；
一般与background-image 一起使用；
此图片做背景时不平铺；

解决方案六：

background:url(xxxxx.jpg) no-repeat center center;

background-size:cover;