在制作页面中常需要对背景图片在容器中进行平铺，可用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. 在树莓派上使用no-ip动态域名的方法，也适用其它Linux平台
			
    注意,如果没有公网IP,本文的方法就不可行了. 首先,注册一个noip.com的帐号. 注册的步骤见这篇教程:http://www.cnblogs.com/infopi/p/3991407.html  ...
    
			
    2. 
						
  2. Python-SocketServer源码
			
    贴到博客,地铁上看- """Generic socket server classes. This module tries to capture the various ...
    
			
    3. 
						
  3. Reed-Solomon码，QR
			
    原文: Reed–Solomon codes for coders参考: AN2407.pdfWIKI: 里德-所罗门码实现:Pypi ReedSolo #译注:最近看到了RS码,发现还挺有意思的,找 ...
    
			
    4. 
						
  4. SQLServer count函数、cross apply和outer apply、
			
    1.COUNT(column_name) 函数返回指定列的值的数目(NULL 不计入)2.COUNT(*) 函数返回表中的记录数 select *   from TABLE_1 T1 outer ap ...
    
			
    5. 
						
  5. 协程、异步IO
			
    协程,又称微线程,纤程.英文名Coroutine,协程是一种用户态的轻量级线程. 协程拥有自己的寄存器上下文和栈.协程调度切换时,将寄存器上下文和栈保存到其他地方,在切回来的时候,恢复先前保存的寄存器 ...
    
			
    6. 
						
  6. [I2C]I2C架构分析
			
    转自:http://blog.csdn.net/wangpengqi/article/details/17711165 1. I2C 概述 I2C是philips提出的外设总线. I2C只有两条线,一 ...
    
			
    7. 
						
  7. cookie禁用了，session还能用吗？
			
    Cookie与 Session,一般认为是两个独立的东西,Session采用的是在服务器端保持状态的方案,而Cookie采用的是在客户端保持状态的方案.但为什么禁用Cookie就不能得到Session ...
    
			
    8. 
						
  8. Oracle 支持在具有 DHCP 分配的 IP 地址的系统上进行安装
			
    今天在安装Oracle 10g的时候,遇到了“ Oracle 支持在具有 DHCP 分配的 IP 地址的系统上进行安装” 这个问题,经过搜索,找到了解决方案,具体如下: win7下右键单机" ...
    
			
    9. 
						
  9. CSS中的绝对定位与相对定位
			
    层级关系为:<div ----------- position:relative; 不是最近的祖先定位元素,不是参照物<div----------没有设置为定位元素,不是参照物<di ...
    
			
    10. 
						
  10. delphi cmd
			
    今天看到有人在问用代码执行CMD命令的问题,就总结一下用法,也算做个备忘. Delphi中,执行命令或者运行一个程序有2个函数,一个是winexec,一个是shellexecute.这两个大家应该都见 ...
    
			
    11.