在制作页面中常需要对背景图片在容器中进行平铺，可用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. webstorm 10 出现不能run cordova项目
			
    could not create the java virtual machine Error occurred during initialization of VM Could not reser ...
    
			
    2. 
						
  2. browser shell
			
    我一直坚信,做项目需要通过文档来总结.一来可以梳理自己的项目和思路,二来可以备忘,三则可以为有同样需求的朋友提供一些参考.如果一直不进行总结,真的很可能是写了多年的代码,却只有一年的经验.当学习一项新 ...
    
			
    3. 
						
  3. spring事务传播机制与隔离级别、通知类别
			
    Spring在TransactionDefinition接口中规定了7种类型的事务传播行为, 它们规定了事务方法和事务方法发生嵌套调用时事务如何进行传播: 事务传播行为类型 说明 PROPAGATIO ...
    
			
    4. 
						
  4. java容器的一些存取用法
			
    关于集合(list,set,map)的遍历与增强for循环的使用     java集合类的使用可以说是无处不在,总的我们可以将之分为三大块,分别是从Collection接口延伸出的List.Set和以 ...
    
			
    5. 
						
  5. Eclipse下的Maven
			
    本文转载自:http://www.cnblogs.com/zlslch/p/5882567.html 当我们无法从本地仓库找到需要的构件的时候,就会从远程仓库下载构件至本地仓库.一般地,对于每个人来说 ...
    
			
    6. 
						
  6. [LeetCode] 10. Regular Expression Matching
			
    Implement regular expression matching with support for '.' and '*'. DP: public class Solution { publ ...
    
			
    7. 
						
  7. https 双向证书
			
    一:服务器端 1.首先需要配置站点的SSl证书 打开Nginx安装目录下conf目录中的nginx.conf文件 找到    # HTTPS server     #     #server {    ...
    
			
    8. 
						
  8. My Open Source Projects
			
    • MyMagicBox (https://github.com/yaoyansi/mymagicbox)   Role: Creator   Miscellaneous projects for e ...
    
			
    9. 
						
  9. <<Vector Calculus>>笔记
			
    现在流行用Exterior Caculus, 所以个人觉得Matthews这本书有点过时了. 想学Vector Calculus的话,推荐<Vector Calculus, Linear Alg ...
    
			
    10. 
						
  10. PLSQL不好用，提示ora-12514 错误解决方法
			
    我的PLSQL不好用,提示ora-12514 错误时 我分两步干的: 1:用户名,密码,不写,提示错误后,cancel登陆 tools->preference左侧选->connection ...
    
			
    11.