![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
Lucky_Aimee
这个作者很懒,什么都没留下…
展开
-
flex布局的兼容性
一直以来用flex解决居中问题很方便,几个项目做下来,flex的兼容性问题也遇到了的,但最近的一个项目测试的时候,在一部ios8以下版本的iPhone上出现了不兼容。然后又就去研究了一下flex的兼容性,下面分享一下flex布局的兼容性写法。.flex {display: box; /* OLD - Android 4.4- */display: -webkit-box; /* OLD -...原创 2018-03-29 15:53:05 · 5186 阅读 · 1 评论 -
CSS3 ------- object-fit属性
做项目经常会遇到图片列表展示,图片一般是用户从后台上传的,上传的图片尺寸千差万别。如果前端不控制图片大小,整个排版就会很乱,如果给定长宽,图片又会变形,用背景图片来处理有特别麻烦。这个问题一直苦恼了我好久,最近终于找到解决办法了。css有一个object-fit属性,用来指定替换元素的内容应该如何适应到其使用的高度和宽度确定的框1.首先是一个html结构,然后给定图片高宽然后使用objec...原创 2018-09-08 18:20:46 · 18192 阅读 · 2 评论 -
css实现居中
一、行内元素居中: 1、水平居中:父元素设置:text-align: center; 2、垂直居中:行内元素设置:line-height: 父元素高度; 3、水平垂直居中:综合1和2;二、行内块元素居中: 由于行内块元素既有行内元素的属性又有块元素的属性,所以可以参考相关居中方法。三、块元素居中: 1、margin居中方法:mar...原创 2018-09-27 08:40:42 · 308 阅读 · 0 评论 -
webAPP/移动端一些样式设置
1、在webAPP里面禁止文字选中复制功能,只要设置一下样式即可*{ -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none;}/*下面这一段一定要加,不然在ios上输入框无法输入*/input,textarea,select{ -webkit...原创 2018-12-27 10:25:37 · 580 阅读 · 0 评论