ask.dcloud.net.cn/question/16… page-meta在小程序上设置后返回其余页后立即生效了 但打包app上运行时,调试时出现了无效必须例如修改后,hbuilder重新构建生效。 查询后是要改变字体加入定时setTimeout中即可 这边是提示成功600ms后返回上页,不用单独定时加入回调中 其余情况
一:
app.vue
// 手动指定下 这边是uview的字体形式
//整体字体调大
.u-font-14 {
font-size: 0.7rem;
}
.u-font-16 {
font-size: 0.8rem;
}
.u-font-18 {
font-size: 0.9rem;
}
.u-font-20 {
font-size: 1rem;
}
二:
cnpm i postcss-px-to-viewport@1.1.1 -D
为什么缺少这个会导致uniapp page-mate修改后字体无效
缺了
postcss-px-to-viewport 并不会直接导致 <page-meta> 的 root-font-size 属性本身失效,但会让「你期望的 rem 单位缩放」看起来完全没反应,于是产生“修改字体无效”的错觉
一句话总结:
page-meta 只负责“把根字号设上去”,真正要让文字随根字号缩放,必须满足
① 样式里用的是 rem 而不是 px;② 渲染环境支持 rem;
而 postcss-px-to-viewport(或类似插件)正是把 px 批量转成 vw/rem 的关键步骤,缺了它,px 纹丝不动,看上去就像“page-meta 失效”。