做响应式布局的时候，如果有背景图，我们当然希望他能够全屏100%显示，这样显得页面非常的爆满，不过这又出现了一个问题，图片的尺寸多大合适呢，现在的浏览器分辨率参差不齐，对于Firefox等高级的浏览器，使用Background-size设置为100%即可，而IE浏览器就需要不同设置。 在Firefo ...
分类：
Web程序 时间：
2017-09-26 17:50:00
阅读次数：
219
vim的配置文件在/etc/vimrc，或者在~/目录下建立配置文件: touch .vimrc 高亮设置 一般来说vim对识别的程序是会自动设置高亮的，如果没有可以在.vimrc中添加 syntax on 并且可以调节高亮显示适配terminal的背景，如果背景是黑色 set background ...
分类：
编程语言 时间：
2017-09-16 14:55:14
阅读次数：
178
<html><head> <style type="text/css"> .bg-blur { float: left; background-repeat: no-repeat; background-position: center; background-size: cover; -webki ...
分类：
Web程序 时间：
2017-09-13 14:03:33
阅读次数：
186
#audio_btn { width: 30px; height: 30px; background-image: url(normalmusic.svg); background-size: contain; } .rotate { -webkit-animation: rotating 1.2s... ...
分类：
其他好文 时间：
2017-09-12 10:40:16
阅读次数：
458
CSS3 边框： border-radius（倒圆角）box-shadow （盒子阴影）border-image （边界图片） CSS3 背景： background-size（属性规定背景图片的尺寸。）background-origin（属性规定背景图片的定位区域。背景图片可以放置于 conten ...
分类：
Web程序 时间：
2017-09-11 00:53:46
阅读次数：
263
#nav ul li a { /* background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment ...
分类：
Web程序 时间：
2017-09-04 13:24:18
阅读次数：
190
background-size是CSS3新增的属性，但是IE8以下还是不支持 background-size：contain; // 缩小图片来适应元素的尺寸（保持像素的长宽比）；background-size ：cover; // 扩展图片来填满元素（保持像素的长宽比）；background-si ...
分类：
Web程序 时间：
2017-09-04 10:57:14
阅读次数：
1521
background-size 可以设置背景图片的大小，数值包括 长度length和百分比percentage。 并且会根据背景原点位置 background-origin 设置其图片覆盖的范围。那么下面我们一起来了解这个background-size属性吧。 ...
分类：
Web程序 时间：
2017-09-02 20:03:30
阅读次数：
1372
技能储备：（响应式网站使用较多）1.background-size: cover;背景图自适应2.背景图上面带文字最新写法：就还是按照 背景图片 和文字这样写啊只不过这个背景图需要自适应background-size: cover;给框加个padding值，文字直接放里面就行了啊想要保证上下居中的话 ...
分类：
其他好文 时间：
2017-09-01 09:51:37
阅读次数：
144
《HTML》 <div class="content"> <div class="translate"> <div class="front"> <p>吃</p> </div> <!-- 反面 --><!-- background-size设置背景图的大小 值为contain时 同比例缩放图片大小 ...
分类：
其他好文 时间：
2017-08-22 00:24:58
阅读次数：
182
