问题描述
- 网页设计的小问题,,,
-
就是使用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;
时间: 2024-07-28 20:17:47