![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
自适应
淋雪小新
这个作者很懒,什么都没留下…
展开
-
vue+px2rem实现pc端大屏自适应(rem适配)
配置前言 项目构建:基于vue-cli3构建,使用postcss-px2rem px2rem-loader进行rem适配 实现原理:每次打包,webpack通过使用插件postcss-px2rem,帮我们自动将px单位转换成rem单位 前方有坑:UI框架部分组件使用JavaScript将css作为内联样式直接写在html标签内,打包适配时不会读取相关css,所以要配置相关样式,在style中需要" !important "进行样式覆盖。 第一步,安装postcss-px2rem及px2rem-loader原创 2021-09-24 13:53:54 · 1118 阅读 · 1 评论 -
flex布局
https://www.cnblogs.com/cblx/p/8976309.html转载 2021-09-23 09:56:30 · 64 阅读 · 0 评论 -
vue项目页面自适应 文字跟着变化
vue项目页面自适应 文字跟着变化 1.在vue项目中引入Jquery npm install jquery --save 2.在入口文件main.js中引入jquery并挂载在vue实例中 import jquery from 'jquery' .... new Vue({ router, jquery, render: h => h(App) }).$mount('#app'); 3.在vue.config.js中配置jquery const webpack = req原创 2021-06-22 09:24:15 · 601 阅读 · 0 评论 -
自适应echarts 双曲线图
1.安装echarts npm install echarts -S 2.引用方式 全局 import echarts from 'echarts' Vue.prototype.$echarts = echarts; 局部 在script 标签中 import echarts from "echarts"; import { EleResize } from "@/assets/js/esresize"; 3.设置容器给出宽高 <div class="contain" id="joinCo原创 2021-06-16 11:24:10 · 639 阅读 · 0 评论