![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
Mo_zifeng
这个作者很懒,什么都没留下…
展开
-
v-html图片css设置无效
v-html图片css设置无效使用::v-deep::v-deep { img { width: 200px; }}原创 2020-09-28 17:55:32 · 347 阅读 · 2 评论 -
Element-ui 给el-select添加唯一class名,修改个别el-option样式
https://blog.csdn.net/Gomeer/article/details/103006704转载 2020-04-01 17:28:20 · 1543 阅读 · 0 评论 -
css--loading加载动画
<h1> CSS LOADERS</h1><div class="box"> loader-01 <div class="loader-01"> </div></div><div class="box"> loa转载 2018-08-25 12:38:19 · 1236 阅读 · 0 评论 -
rem结合scss解决移动端自适应大小
原因 我们眼中看到的屏幕是由一个一个物理像素组成的,而我们css使用的是逻辑像素,也可以成为虚拟像素。在我们呈现结果的终端,它们的像素比可能都不一样,这时候我们要采用设备的像素比(DPR),它体现了物理像素和逻辑像素之间的关系,计算公式如下所示: DPR = 物理像素/逻辑像素 所以我们可以知道为啥我们设置的都是12px,14px,为啥显示字体大小不一样。 rem介绍 rem 是相对于根部...转载 2018-08-25 12:42:21 · 464 阅读 · 0 评论 -
ios fixed失效
在ios中,会出现fixed(固定定位)失效的问题,导致点击显示的弹框位置和层级不够等问题,最简单的解决办法就是把需要设置固定定位的元素直接置于body下面,然后设置position:absolute;...原创 2019-04-29 09:54:29 · 233 阅读 · 0 评论 -
微信小程序图片宽度100%,高度自适应
实现图片自适应,按照一般情况只需设置:img { width: 100%; height: auto;}但是微信小程序里是特例,需要image标签上设置属性mode=widthFix,就是height:auto的作用,css同样设置width:100%,如下:image { width: 100%;}<image mode='widt...原创 2019-04-25 15:50:42 · 1944 阅读 · 0 评论 -
fixed失效
1. perspective 在项目中,写css3动画的时候,用到了perspective,由于某种原因,perspective设置到了body上面,然后导致了fixed的元素定位失效变为absolute。一开始还不知道问题所在,后来各种回滚才发现,虽然也不知道是什么原因。解决办法:给需要3D旋转的元素加一个父级元素,然后给父级元素设置perspective属性。2. trans...原创 2019-05-10 14:46:47 · 457 阅读 · 0 评论 -
css图片颜色设置为黑白
工作中由于某些原因,可能需要前端将图片做去色处理,如图: ——> 这里需要用到css的filter属性,具体介绍:https://www.runoob.com/cssref/css3-pr-filter.html。话不多说,上代码:img { -webkit-filter: grayscale(100%); -moz-filter: grayscale...原创 2019-05-10 14:54:27 · 2426 阅读 · 0 评论