1 String.prototype.endWith=function(str){ 2 if(str==null||str==""||this.length==0||str.length>this.length) 3 return false; 4 if(this.substring(this.le ...
分类:
其他好文 时间:
2020-07-01 14:16:51
阅读次数:
83
1 String.prototype.startWith=function(str){ 2 if(str==null||str==""||this.length==0||str.length>this.length) 3 return false; 4 if(this.substr(0,str.le ...
分类:
其他好文 时间:
2020-07-01 14:13:47
阅读次数:
83
一、解决background中图片太大只显示一部分 div { background-image: url('路径'); background-repeat:no-repeat; background-size:100% 100%; -moz-background-size:100% 100%; } ...
分类:
Web程序 时间:
2020-06-12 01:03:08
阅读次数:
104
background-size与背景图片填满div 在开发中,常有需要将一张图片作为一个div的背景图片充满div的需求 background-size的取值及解释 background-size共有三种属性,分别为 background-size: cover MDN文档解释说明:缩放背景图片以完 ...
分类:
Web程序 时间:
2020-06-10 19:27:46
阅读次数:
85
上传头像的时候遇到了头像变形的问题,最后通过object-fit: cover完美解决了。这个CSS属性可以达到最佳最完美的居中自动剪裁图片的功能。 object-fit理解 CSS3 background-size出现的比较早,大家应该知道其支持的一些值,除了数值之外,其还支持几个关键字,例如:c ...
分类:
Web程序 时间:
2020-06-10 13:07:20
阅读次数:
92
1.object-fit 由于图片原始大小都不一样,强行设定大小值会导致拉伸,如果不设定大小则参差不齐。 之前我们大多数用的 大多数都是利用background-size: cover 来避免对图片造成的压缩或者拉伸。 fill: 默认值,和未设置一样。使图片拉伸填满整个容器, 不保证保持原有的比例 ...
分类:
Web程序 时间:
2020-06-08 13:04:31
阅读次数:
72
给view添加 background: url({{item.sku_pic}}) no-repeat center / cover cover 会使图片最大程度展示 background-size:cover ...
分类:
微信 时间:
2020-06-06 14:27:50
阅读次数:
200
一、渐变(gradient) 1.1 关于渐变 渐变表示从一种颜色平滑的过度到另一种颜色。它是图片<image>类型的一种,但是渐变类型图片没有尺寸,也没有长宽比。它的尺寸取决于被应用的场景,比如作为元素的背景图片时,其大小取决于元素的background-size,当用作list-style-im ...
分类:
Web程序 时间:
2020-06-03 23:22:54
阅读次数:
74
#兼容性问题 e.stopPorpagation() (方法) 或者e.cancelbubble=ture(属性、 ie兼容性用) ...
分类:
其他好文 时间:
2020-06-01 20:54:30
阅读次数:
61
CSS 盒模型 CSS CSS 盒模型 基本概念:标准模型 + IE模型 标准模型和IE模型的区别 标准模型 IE模型 二者区别,前者的宽度是内容宽度,后者的宽度是内容+内边距+border CSS 如何设置这两种模型 - 标准模型:box-sizing: content-box; - IE模型:b ...
分类:
Web程序 时间:
2020-05-03 17:02:30
阅读次数:
63