在制作页面中常需要对背景图片在容器中进行平铺，可用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. how to build apache log4cxx 0.10 by Visual Studio 201*
			
    Chapter 1 Official Steps  We are going to follow the steps here, http://logging.apache.org/log4cxx/b ...
    
			
    2. 
						
  2. PowerBuilder 简介及应用 - 数据库系统原理
			
    PowerBuilder 是一种企业级数据库前端应用和多层体系结构开发工具,友好的用户界面,功能强大的数据窗口,是一个集成开发环境. PB 的特点 采用面向对象的编程方法和事件驱动的工作原理. 支持跨 ...
    
			
    3. 
						
  3. 简介 – ASP.NET MVC 4 系列
			
           正所谓好记性不如烂笔头,尤其是技术类书籍在阅读后,时间久了一定会忘记.而重新翻阅整本书也较为低效,遂以博客记录阅读摘要以供日后查阅.本系列文章均摘要自 Wrox 红皮书[ASP.NET  ...
    
			
    4. 
						
  4. Web跨域问题总结
			
    一.跨域问题的由来为了防止某些文档或脚本加载别的域下的未知内容造成泄露隐私,破坏系统等安全行为,1995年, Netscape 公司在浏览器中引入同源策略/SOP(Same origin policy ...
    
			
    5. 
						
  5. mongo安全：增加用户名密码
			
    0.简述:在非auth下创建账户,然后重启 1.以不需要用户名密码的方式启动mongodb 2.运行客户端mongo,输入以下指令 show dbs;use admin;db.createRole({ ...
    
			
    6. 
						
  6. 网站推广优化(SEO，网站关键字优化，怎么优化网站，如何优化网站关键字)
			
    网站推广优化教程100条(完整版)下面介绍新手建站推广完美教程,各位根据自己的实际情况酌情选用: 1.准备个好域名.①.尽量在5位数内,当然也不一定,反正要让用户好记.(看个人):②.尽量用顶级的域名 ...
    
			
    7. 
						
  7. SSIS自定义数据流组件开发(血路)
			
    由于特殊的原因(怎么特殊不解释),需要开发自定义数据流组件处理. 查了很多资料,用了不同的版本,发现各种各样的问题没有找到最终的解决方案. 遇到的问题如下: 用VS2015编译出来的插件,在SSDTB ...
    
			
    8. 
						
  8. python print 进度条的例子
			
    def progress(width, percent): print "%s %d%%\r" % (('%%-%ds' % width) % (width * percent / ...
    
			
    9. 
						
  9. AspNetPager控件报错误: Syntax error, unrecognized expression: input#ctl00$ContentPlaceHolder1$Aspnetpager1_input问题解决[摘]
			
    高版本IE,如IE10或者IE11在浏览页面时出现错误: Syntax error, unrecognized expression: input#ctl00$ContentPlaceHolder1$ ...
    
			
    10. 
						
  10. Angular.JS学习笔记——1
			
    内容来自:http://www.runoob.com/angularjs/angularjs-intro.html AngularJS 是一个 JavaScript 框架.它是一个以 JavaScri ...
    
			
    11.