福建快三走势图 福建快三综合走势图乐彩网官网 福利福建快三开奖结果直播现场 福建快三计划软件科技有限公司 福建快三推荐号一定牛 福建快三号码推荐和值 福建快三万能码 福建快三一定牛预测 福建快三开奖走势图表跨度 福建快三网上订票 福建快三开奖结果走努图l 福建快三开奖视频 福建快三时时彩网 福建快三开奖号码查询今天 福建快三开奖
互联网应用服务提供商!    全国售前咨询:010-69632027/13241022177怀柔巨优网络
时间:2018-05-15 14:25来源:怀柔网站建设作者:怀柔网页设计怀柔网站优化

在HTML5+CSS3前端开发中经常用到background对网页背景进行自适应或匹配或浏览器兼容性,就会用到background中的size描述,直接上干货:

CSS3中关于background-size的解释与应用!

background-size: auto | <长度值> | <百?#30452;?gt; | cover | contain

1、auto:默认值,不改变背景?#35745;?#30340;原始高度和宽度;

2、<长度值>:成对出现如200px 50px,将背景?#35745;?#23485;高依次设置为前面两个值,当设置一个值时,将其作为?#35745;?#23485;度值来等比缩放;

3、<百?#30452;?gt;:0%~100%之间的任何值,将背景?#35745;?#23485;高依次设置为所在元素宽高乘以前面百?#30452;?#24471;出的数值,当设置一个值时同上;

4、cover:顾名思义为覆盖,即将背景?#35745;?#31561;比缩放以填满整个容器;

5、contain:容纳,即将背景?#35745;?#31561;比缩放至某一边紧贴容器边缘为止。

IE7,8

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='11.gif', sizingMethod='scale');

 

background-size: cover;  //只支持IE9+ 

-webkit-background-size: cover; //webkit核心 

-moz-background-size: cover; //FF核心 

-o-background-size: cover; //Opera  

巨优网络微信,巨优网络微博

分享到:

巨优网络网站建设为怀柔区企业提供网站建设服务,是一家?#37038;?a href="http://www.njfzq.live" title="怀柔网站建设">怀柔网站建设怀柔网站制作怀柔网站优化公司,为怀柔区各单位提供完善的网站建设解决方案,推动怀柔网站建设服务业务的发展!怀柔做网站,怀柔做网站公司,选巨优网络!咨询?#35748;擼?10-69632027

全国统一咨询服务

010-69632027  13241022177

网购福建快三开奖结果直播现场
福建快三走势图 福建快三综合走势图乐彩网官网 福利福建快三开奖结果直播现场 福建快三计划软件科技有限公司 福建快三推荐号一定牛 福建快三号码推荐和值 福建快三万能码 福建快三一定牛预测 福建快三开奖走势图表跨度 福建快三网上订票 福建快三开奖结果走努图l 福建快三开奖视频 福建快三时时彩网 福建快三开奖号码查询今天 福建快三开奖
今天新疆25选7开奖结果 北京8开奖结果查询 长春市福彩中心归哪里管 吉林时时开奖 福利彩票 真钱炸金花网址 湖南快乐十分开奖直播 足球现场文字直播 红黑梅方游戏机漏洞