在制作页面中常需要对背景图片在容器中进行平铺，可用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. 2016HUAS_ACM暑假集训4C - 递推
			
    题目大意:给你一个高为n ,宽为m列的网格,计算出这个网格中有多少个矩形. 这里我们可以这样看: 对于行:假如是m单位长度,则长度为1的矩形有m个,长度为2的矩形有m-1个......长度为m的只有1 ...
    
			
    2. 
						
  2. 迭代器模式（Iterator Pattern）
			
    迭代器模式(Iterator),提供一种方法顺序访问一个聚合对象中的各种元素,而又不暴露该对象的内部表示. 迭代器模式(Iterator)就是分离了聚合对象的遍历行为,抽象出一个迭代器来负责这样既可以 ...
    
			
    3. 
						
  3. linq group by子句
			
    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.T ...
    
			
    4. 
						
  4. SDK Manager 中 没有 Support Library怎么弄？
			
    SDK Manager 中 没有 Support Library怎么弄?求大神帮忙 百度上面说的基本都试了,依旧没有弄出来 点击"Packages" > "Show ...
    
			
    5. 
						
  5. gzip压缩及测试方法【转载】
			
    Nginx开启Gzip压缩大幅提高页面加载速度 http://www.veryhuo.com/a/view/51706.html 刚刚给博客加了一个500px相册插件,lightbox引入了很多js文 ...
    
			
    6. 
						
  6. SQL 用户定义表类型，在存储过程里使用表类型,表参数作参数
			
    .定义表类型SUTDENTTYPE,包含三个字段,分别对应学生表的NAME,SEX和PHONE.之所以如此创建,我是准备在插入新学生数据的存储过程中,以它为参数.   GO CREATE TYPE S ...
    
			
    7. 
						
  7. Comparable和Comparator实现对象比较
			
    由文生义: 继承Comparable ,表示该类的实例是可以相互比较的; 继承Comparator,表示该类是一个比较器,里面设置了按什么属性比较,list需要按这个比较器里的规则来比较; 使用方法如 ...
    
			
    8. 
						
  8. MySQL服务 - MySQL列类型、SQL模式、数据字典
			
    MySQL列类型的作用: 列类型可以简单理解为用来对用户往列种存储数据时做某种范围"限定",它可以定义数据的有效值(字符.数字等).所能占据的最大存储空间.字符长度(定长或变长). ...
    
			
    9. 
						
  9. Join two DataTables in C#
			
    var query = (from x in a.AsEnumerable() join y in b.AsEnumerable() on x.Field<int>("col1& ...
    
			
    10. 
						
  10. Node.js的process.nextTick(callback)理解
			
    Node.js是单线程的,基于事件循环,非阻塞 IO的.事件循环中使用一个事件队列,在每个时间点上,系统只会处理一个事件,即使电脑有多个CPU核心,也无法同时并行的处理多个事件.因此,node.js适 ...
    
			
    11.