![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
自适应
文章平均质量分 73
MFG_666
别看我小,别看我小,我就是一只小小菜鸟
展开
-
css字体库免费下载使用(带网址)
字体库免费下载使用原创 2022-08-04 09:22:50 · 5440 阅读 · 0 评论 -
前端css弹性布局自动换行布局
前端css弹性布局自动换行布局转载 2022-07-25 17:09:03 · 4685 阅读 · 0 评论 -
前端移动端布局带边距案例(带源码)
前端移动端布局带边距案例(带源码)原创 2022-07-25 11:50:49 · 367 阅读 · 0 评论 -
前端Vue返回顶部[功能]和底部四个角[样式](代源码和详图)
前端Vue返回顶部[功能]和底部四个角[样式](代源码和详图)原创 2022-06-22 16:15:01 · 314 阅读 · 0 评论 -
前端页面pc端通过控制台切换移动端屏幕不能撑满问题解决方案
前端页面pc端通过控制台切换移动端屏幕不能撑满问题解决方案原创 2022-06-21 09:24:04 · 1111 阅读 · 0 评论 -
前端vue视频vue-video-player插件总结知识点案例(带源码)
前端vue视频vue-video-player插件总结知识点案例(带源码)原创 2022-06-16 13:01:52 · 9246 阅读 · 0 评论 -
前端css媒体查询不生效问题和如何使用案例最新(源码全)
目录一. 不生效问题总结1. 语法里面`screen ` 和`and`前后都有空格2.引入meta标签语句(1)原生html引入方法(2)vue项目引入方法3.择器的权重问题(样式被覆盖)(1)相同class名写在下面的权重高于上面的权重,所以样式会覆盖上面的(2)html引入link标签样式(3)css选择器权重可以百度一下(4)样式后面加`!important`可以增加权重例如下面二. 媒体查询的使用1.首先引入meta标签兼容移动设备(手机、平板),上面已经有步骤2.参数解释:3. 兼容IE8,需要加原创 2022-05-19 16:27:47 · 1899 阅读 · 0 评论 -
CSS3自定义滚动条样式 -webkit-scrollbar
有没有觉得浏览器自带的原始滚动条很不美观,同时也有看到很多网站的自定义滚动条显得高端,就连chrome32.0开发板都抛弃了原始的滚动条,美观多了。那webkit浏览器是如何自定义滚动条的呢?前言webkit支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式,所以用处还是挺大的。当然,兼容所有浏览器的滚动条样式目前是不存在的。演示来看看这2个滚动条demo: demo1(图片版)、 demo2(纯CSS3版)滚动条组成::-webkit-scro.转载 2022-04-14 10:52:38 · 1346 阅读 · 0 评论 -
Echarts中series循环添加接口数据data带自适应(源码)
在js中for循环添加Echarts中的series属性的主要方法:1.首先定义变量2.根据后台查询出来的数据循环添加到变量中3.赋值到Echarts的series属性中4.源码复制编译器即可查看修改5.效果如下图 var series = []; var finishTime = []; for (var i = 0, len = this.newList.length; i < len; i++) { // for循环语法结构 注意这个带有,原创 2022-03-04 17:10:59 · 5193 阅读 · 0 评论 -
vue封装的echarts组件多次被同一个页面重复调用且自适应(带源码)
一.echarts组件封装调用父组件源码homeBase.vue子组件源码BasicLine.vue1.单个组件封装调用,用下面这个 var myChart = echarts.init(document.getElementById("main_basicLine"));2.多个组件封装调用,用下面这个var myChart = echarts.init(this.$refs.echarts); this.$nextTick(() => { myChart.resiz原创 2022-03-03 16:59:48 · 2835 阅读 · 7 评论 -
vue项目PC端如何适配不同分辨率屏幕字体和整体布局适应(一)
主要应用:lib-flexible和postcss-px2rem-exclude第一部分:项目中全局引入lib-flexible1.项目全局中安装lib-flexiblenpm install lib-flexible --save2、在项目的入口main.js文件中引入lib-flexibleimport 'lib-flexible'3. 打开./node_modules/lib-flexible/flexible.js,找到如下片段源码:(1).(2).(3)原创 2022-02-15 16:06:21 · 2460 阅读 · 4 评论 -
vue项目PC端如何适配不同分辨率屏幕字体和整体布局适应(二)
一. 字体随分辨率变化屏幕字体适应首先了解下 rem与px的转换哈rem是相对于根元素,这样就意味着,我们只需要在根元素确定一个参考值,这个参考值设置为多少,完全可以根据您自己的需求来定。 我们知道,浏览器默认的字号(font-size)16px,来看一些px单位与rem之间的转换关系:| px | rem |------------------------| 12 | 12/16 = .75 || 14 | 14/16 = .875 || 16 |原创 2022-02-15 14:59:55 · 8580 阅读 · 7 评论