当前位置: 首页 > news >正文

茌平网站建设电话广西壮族自治区在线seo关键词排名优化

茌平网站建设电话,广西壮族自治区在线seo关键词排名优化,网站页面切换效果,深圳市公安局官网项目构建:基于vue-cli3构建,使用postcss-px2rem px2rem-loader进行rem适配 实现原理:每次打包,webpack通过使用插件postcss-px2rem,帮我们自动将px单位转换成rem单位前方有坑:UI框架部分组件使用JavaScript…

项目构建:基于vue-cli3构建,使用postcss-px2rem px2rem-loader进行rem适配
实现原理:每次打包,webpack通过使用插件postcss-px2rem,帮我们自动将px单位转换成rem单位
前方有坑:UI框架部分组件使用JavaScript将css作为内联样式直接写在html标签内,打包适配时不会读取相关css,所以要配置相关样式,在style中需要" !important "进行样式覆盖。

第一步:安装postcss-px2rem及px2rem-loader

npm install postcss-px2rem px2rem-loader --save

第二步:在根目录src中新建utils目录下新建rem.js等比适配文件

// rem等比适配配置文件
// 基准大小
const baseSize = 16
// 设置 rem 函数
function setRem () {// 当前页面宽度相对于 1920宽的缩放比例,可根据自己需要修改。const scale = document.documentElement.clientWidth / 1920// 设置页面根节点字体大小(“Math.min(scale, 2)” 指最高放大比例为2,可根据实际业务需求调整)document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + 'px'
}
// 初始化
setRem()
// 改变窗口大小时重新设置 rem
window.onresize = function () {setRem()
}

第三步:在main.js中引入适配文件

import './utils/rem'

第四步:到vue.config.js中配置插件

// 引入等比适配插件
const px2rem = require('postcss-px2rem')// 配置基本大小
const postcss = px2rem({// 基准大小 baseSize,需要和rem.js中相同remUnit: 16
})// 使用等比适配插件
module.exports = {lintOnSave: true,css: {loaderOptions: {postcss: {plugins: [postcss]}}}
}

亲测有效!!!!!!!

http://www.shuangfujiaoyu.com/news/19981.html

相关文章:

  • wordpress多站点 文章经典营销案例分析
  • java网站建设河南省疫情最新情况
  • lnmp wordpress网站网络营销的四大基础理论
  • 网站备案信息是谁办理的上海网站排名优化怎么做
  • 做网站接活犯法吗网站建设方案优化
  • 行业网站开发公司现在有哪些推广平台
  • 骗别人做网站百度推广seo自学
  • 长春站最新通知网络营销渠道策略
  • 如何做新网站郑州竞价托管
  • 鹤壁做网站哪家便宜做电商需要学哪些基础
  • 怎么开设网站 优帮云站长统计app进入网址新版
  • 江苏省建设工程地方标准网站网页推广平台
  • 网站没收录优化疫情防控
  • 做网站月收入连云港seo公司
  • 怎么制作自己的微信小程序杭州网站建设方案优化
  • 怎么做网站知乎网站首页制作
  • 定制企业网站建设哪家好万网建站
  • 手机网站与pc网站同步网络营销推广的基本手段
  • 如何优化网站加载速度网络营销论文毕业论文
  • 网站制作工作室网站推广宣传语
  • 温州市营销网站建设熊猫seo实战培训
  • 建设部网站中淼工程有限公司石家庄百度关键词优化
  • 域名备案完了怎么做网站武汉网站排名提升
  • 做的好看的统一登录网站南京关键词优化软件
  • 旅游网网站建设方案东莞seo外包平台
  • 石家庄移动端网站建设东莞百度推广优化
  • 怎么做电影网站朋友圈广告
  • 有没有做网站的团队全国各大新闻网站投稿
  • 专业苏州网站建设公司网络广告营销案例有哪些
  • 成都 php 网站专业网站推广引流