![](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 · 1127 阅读 · 1 评论 -
flex布局
https://www.cnblogs.com/cblx/p/8976309.html转载 2021-09-23 09:56:30 · 67 阅读 · 0 评论 -
vue项目页面自适应 文字跟着变化
vue项目页面自适应 文字跟着变化1.在vue项目中引入Jquerynpm install jquery --save2.在入口文件main.js中引入jquery并挂载在vue实例中import jquery from 'jquery'....new Vue({ router, jquery, render: h => h(App)}).$mount('#app');3.在vue.config.js中配置jqueryconst webpack = req原创 2021-06-22 09:24:15 · 613 阅读 · 0 评论 -
自适应echarts 双曲线图
1.安装echartsnpm 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 · 646 阅读 · 0 评论