前端基础知识-css
文章平均质量分 50
css实战中遇到的问题记录及解决方法
叶浩成520
这个作者很懒,什么都没留下…
展开
-
全局样式实现 页面 黑白色调——filter的使用——css基础
全局样式实现 页面 黑白色调——filter的使用——css基础原创 2022-12-12 17:08:18 · 667 阅读 · 1 评论 -
css 实现摇晃动画——css基础
css 实现摇晃动画——css基础原创 2022-07-20 15:27:05 · 3399 阅读 · 1 评论 -
通过cdn引入的方式引入elementui,并修改主题色——基础提升——字体图标不展示问题
最近在写一个apicloud框架开发的安卓程序,由于是个后台管理系统的页面,所以我首先要引入的是vue+elementUi。cdn引入vue.js是简单的,直接从网上找到vue.js的链接或者将内容下载到本地,通过相对路径引入都是可以的。一定要注意:在cdn引入elementUi之前,一定要先引入vue.js才可以cdn引入elementUi,可以查看官网上提供的cdn引入的方法elementUi提供的样式中,默认的主题色是一种蓝色,但是我们公司现在的主题色是#f90,所以需要更改主题色:cdn原创 2021-12-15 14:38:31 · 3391 阅读 · 0 评论 -
移动端rem自适应的处理方式+VScode的自动转化设置——技能提升
在我做移动端的项目时,经常用的是uniapp,这个框架可以通过设置尺寸单位为rpx,让尺寸实现不同屏幕自适应的效果。但是如果不使用uniapp,也想要达到尺寸自适应的效果,可以使用淘宝的flexiable.js处理。参考大神的操作链接:移动端rem单位设置方式:https://segmentfault.com/a/11900000225094891.使用方式——cdn引入// 引用地址<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.2原创 2021-11-12 10:08:58 · 1488 阅读 · 0 评论 -
rem设置尺寸自适应——rem.js函数封装
在编程过程中,因为设计图会按照统一的标准来设计,比如:PC端的设计图标准是:1920X1080,移动端的设计图标准是:750X1334,但是实际使用的时候,屏幕的尺寸并非完全一致,比如PC端的屏幕尺寸有:1920X1080,1360X768,当然还有更高分辨率的规格:2560X1600为2.5K屏,还有4K屏等。而且屏幕的宽高比是不一样的,有的是16:9,有的是16:10等。因此为了保证设计内容的自适应,需要根据屏幕的大小,内容自适应处理。下面的rem.js文件就可以保证页面单位可以用rem来代替px原创 2021-11-12 09:39:36 · 5283 阅读 · 11 评论 -
elementUI——el-table组件滚动条的宽度设置——css基础
今天在看后台管理系统时,领导发现表格中的横向和纵向的滚动条宽度不一致,导致页面看上去很不协调:如下:根据上图效果:会发现:横向滚动条的高度与纵向滚动条的宽度不一致:修改页面滚动条的宽高可以通过如下的css样式来处理:::-webkit-scrollbar { width: 7px; height: 7px; background-color: transparent;}只要将上面css中的width和height设置成一个数值,就可以保证横向滚动条的高度与纵向滚动条的原创 2021-11-10 17:07:10 · 10956 阅读 · 2 评论