ios 中h5网页跳到第三方后回到项目字体变大

在使用rem进行h5页面布局时,在ios环境中,也不知道为啥,跳转到另一个项目,然后再回来,ios的默认字体就会变大。
之前搞了很久都不知道怎么办,后来找到一个监听,在main.js中写上,简简单单解决:

window.onpageshow = function() {
  setRem()//在重新进入页面的时候重新设置rem
}
// rem等比适配配置文件
// 基准大小
const baseSize = 32 // 注意此值要与 postcss.config.js 文件中的 rootValue保持一致
// 设置 rem 函数
function setRem() {
  // 当前页面宽度相对于 375宽的缩放比例,可根据自己需要修改,一般设计稿都是宽750(图方便可以拿到设计图后改过来)。
  const scale = document.documentElement.clientWidth / 750
  // 设置页面根节点字体大小(“Math.min(scale, 2)” 指最高放大比例为2,可根据实际业务需求调整)
  document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + 'px'
}

export default setRem

你可能感兴趣的:(ios,css,js)