- 博客(4)
- 收藏
- 关注
原创 vue项目中使用flexible.js和rem进行适配(适用于pc和移动)
【1】下载flexible.jsnpm i -s lib-flexible【2】在mainjs中引入import 'lib-flexible/flexible.js'【3】在nodemodule/lib-flexible/flexible.js中修改代码如下:这是按照1920px来划分的,因为分为24等份,故每份为80,故需在cssren的设置中需要将root font size改为80 function refreshRem(){ var width = doc
2022-05-09 15:12:14 1552
原创 媒体查询:在不同的可视界面显示不同的尺寸
// 1.超小屏幕下 小于768 布局容器宽度为 100%@media screen and (max-width: 767px) { .container { width: 100%; }}// 2.小屏幕下 大于等于768 布局容器改为 750px@media screen and (min-width: 768px) { .container { width: 750px; }}// 3.中等屏幕下 大于等于 992px 布局容器修改为 970px@.
2022-04-10 17:01:47 230
转载 vue自适应
px2rem插件:将px转为rem,书写的时候直接写px就可以,编译的时候会将px单位自动转换为对应的rem单位第一步:安装postcss-px2remnpm add postcss-px2rem第二步:在 vue.config.js 中添加配置const px2rem = require('postcss-px2rem')const postcss = px2rem({ remUnit: 16 //基准大小 baseSize,需要和rem.js中相同})module.ex..
2022-04-10 16:25:16 2654 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人