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

background-size:contain;

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

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

background-size:50% 50%;

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

												


											
background-size拉伸背景图片的更多相关文章
	

    
								
  1. 有关background 背景图片不能显示
		
    首先有两个概念 绝对路径,从根目录为起点到你所在的目录: 相对路径,从一个目录为起点到你所在的目录. 例如:              ┍ A文件夹           C -|            ...
    
		
    2. 
						
  2. CSS中背景图片的background-position中的left top到底是相对于谁的？
		
    在学习的时候遇到了如下问题: CSS中背景图片的background-position中的left top到底是相对于谁的,content-box?padding-box?border-box? ba ...
    
		
    3. 
						
  3. 解决android:background背景图片被拉伸问题
		
    ImageView中XML属性src和background的区别: background会根据ImageView组件给定的长宽进行拉伸,而src就存放的是原图的大小,不会进行拉伸.src是图片内容(前 ...
    
		
    4. 
						
  4. 理解CSS3中的background－size(对响应性图片等比例缩放)
		
    理解CSS3中的background-size(对响应性图片等比例缩放) 阅读目录 background-size的基本属性 给图片设置固定的宽度和高度的 固定宽度400px和高度200px-使用ba ...
    
		
    5. 
						
  5. background的属性和背景图片定位的实例
		
    本文内容: 1.背景图片定位示例 2.background常用的属性值 3.background-repeat新增的round.space属性 4.background-size的属性值(着重介绍co ...
    
		
    6. 
						
  6. CSS3中的background－size(对响应性图片等比例缩放)
		
    background-size的基本属性 background-size: 可以设定背景图像的尺寸,该属性是css3中的,在移动端使用的地方很多,比如最常见的地方在做响应性布局的时候,比如之前做的项目 ...
    
		
    7. 
						
  7. 如何通过CSS实现背景图片自动平铺或拉伸至整个屏幕（自适应大小）
		
    默认情况下,通过HTML代码的BODY标签设置好背景图片<body background="x.jpg"> 后,图片会自动横向和纵向平铺.这就会产生一些美观上的问题.  ...
    
		
    8. 
						
  8. 拉伸按钮背景图片:stretchableImageWithLeftCapWidth:
		
    // 1. 拉伸按钮背景图片 // 1) 登录按钮 UIImage *loginImage = [UIImage imageNamed:@"LoginGreenBigBtn"];  ...
    
		
    9. 
						
  9. background: url 背景图片加时间戳不显示图片
		
    在项目中一段这样的代码 背景图片加时间戳图片显示不出来 <div id="header" class="header clearfix" style=&q ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 《Matrix Computation 3rd》读书笔记——第2章 矩阵分析
			
    
			
    2. 
						
  2. ln 命令使用
			
    今天在工作中遇到了“ln -sf”命令,发觉很久没用基本忘光,遂重拾鸟哥神书温补了一把. 简单描述的话,ln是linux中用来链接文件的,存在两种不同的连接: 1) Hard Link 实现该操作很简 ...
    
			
    3. 
						
  3. facebook darkforest围棋ai测试
			
    0.darkforest说明 darkforest是facebook田渊栋博士开发的深度学习围棋程序,2016的uec cup得了第二名(http://jsb.cs.uec.ac.jp/~igo/en ...
    
			
    4. 
						
  4. 怎么用BarTender的格式刷
			
    BarTender的新格式刷使您能够轻松地在模板上的多个对象之间共享格式.您可以在单个模板中以及在多个BarTender模板和文档之间复制对象样式.下面小编给大家来讲讲BarTender格式刷这一可用 ...
    
			
    5. 
						
  5. SSR三网免流一键包以及使用教程
			
    这篇文章只是传统的SSR免流教程 首先拿到一台vps,可以是centos,可以是debian,也可以是ubuntu 使用xshell连接vps 执行一键安装包 wget http://104.224. ...
    
			
    6. 
						
  6. centos nginx server_name 配置域名访问规则
			
    今天配置Server_name时,希望禁用一些域名,应为这些域名我想让通过另外一个Server配置 server_name "~^((\w*[^w]{1}\w*)|w{1,2})\.hell ...
    
			
    7. 
						
  7. 自动化运维：flask-bootstrap + highstock整合
			
    1.在flask-bootstrap的base.html模板中加载highstock.js      以下是base.html的源码中,调用js文件的例子. 文件路径:python2.7/site-p ...
    
			
    8. 
						
  8. 关于redis的主从复制
			
    redis主从复制需要注意的一个问题 这两天我朋友在使用redis偶尔会遇见一个问题,就是所有的缓存莫名其妙会不见,找了好久都没找到,他一直以为 有人错误执行了什么命令 他跟我说的时候我估计是主从复制 ...
    
			
    9. 
						
  9. Activity生命周期（深入理解）
			
    今天看到一篇大神总结Activity的文章,内容甚为详细,特此转载http://www.cnblogs.com/lwbqqyumidi/p/3769113.html Android官方文档和其他不少资 ...
    
			
    10. 
						
  10. MVC图片验证码
			
    C#类库: public class YZM { public string YZMcode = String.Empty; public byte[] load() { Bitmap bit = , ...
    
			
    11.