1.改变background-size属性 将图片作为某个html元素的背景图片，用transition属性改变图片的大小。 这种方法有个问题是图片缩放的时候会出现抖动的现象 2.利用scale 使用img标签，并在img标签上添加transform属性改变scale值 这种方法能够获得比较平滑的缩 ...
分类：
Web程序 时间：
2017-12-19 15:14:00
阅读次数：
236
引入背景图片： background: image url("路径")设置背景尺寸： background-size: auto自动大小，默认 background-size: cover保持图片大小，等比例缩放，平铺整个区域，如果尺寸大于容器则会超出 background-size: contai ...
分类：
Web程序 时间：
2017-12-17 15:52:12
阅读次数：
192
思路：图片不要设置为div的background，因为你设置了background-size，但是div的height没设置一样没用，除非你搞个js判断，动态刷新。 换一种思路，直接用<img>显示出来，这样div作为父容器就被你撑大，就不需要div的高度设置了。然后就看你的图片，如果宽要全部显示， ...
分类：
其他好文 时间：
2017-12-05 15:23:26
阅读次数：
115
一、背景大小 cover 完全覆盖盒子，不一定全部显示 background-size: cover; contain 背景图片最大化在盒子中等比显示，但不一定能铺满盒子 background-size: contain; 二、全屏背景自适应 三、背景原点 background-origin 背景原 ...
分类：
Web程序 时间：
2017-11-27 00:08:37
阅读次数：
215
移动端适配的时候，通常是用rem作为长宽单位，因此，在不同的设备下，元素的实际宽高（px）是不一样的，如果是单张图片作为为背景图片的时候，最为方便，只要设置背景图片的属性background-size:contain|conver|100%;都能够将图片盖住整个div。 其次如果用雪碧图的话，那么得 ...
分类：
移动开发 时间：
2017-11-26 16:52:29
阅读次数：
153
background-image 背景图片的设置 属性：background-image: url(img/banner.jpg); 1、设置背景图的宽度 background-size: 400px; 2、设置背景图的宽度 百分比，以父元素的百分比来设置背景图的宽度和高度，第一个值为宽度，第二值为 ...
分类：
其他好文 时间：
2017-11-20 23:27:16
阅读次数：
476
serif 衬线字体 serif sans-serif 非衬线字体 sans serif line-through 删除线 line-throughtext-shadow ： x y 模糊度 颜色 shadow background-size： background复合样式：#fff url（） n ...
分类：
Web程序 时间：
2017-11-12 20:14:16
阅读次数：
200
当适用于手机端的图片想在电脑端显示时，可以通过background-size：100%；让其占满整个电脑屏幕： 当图片在手机上高度合适但电脑上不合适： ...
分类：
其他好文 时间：
2017-10-28 19:00:01
阅读次数：
161
一、background-size： 规定背景图像的大小； 值：像素值、百分比、auto、cover、contain 二、HSLA： 新增颜色属性； H：色调 S：饱和度 L：亮度 A：透明度 三、新增渐变颜色： radial-gradient：(*position（deg），color perce ...
分类：
其他好文 时间：
2017-10-22 17:04:45
阅读次数：
196
两者顺序不能反过来，某些系统会有不可预料的错乱 display: -webkit-flex; display: flex; 背景，background-size 必须单独拆出来，理由同上 background: url(../img.jpg) no-repeat center/cover; 负缩进 ...
分类：
其他好文 时间：
2017-10-20 20:05:32
阅读次数：
141
