Nuxt 移动端项目中 rem 计算导致 CSS 变形,如何解决?

nuxt 移动端项目中 rem 计算导致 css 变形,如何解决?

Nuxt 移动端项目中解决 rem 计算导致 CSS 变形

在 Nuxt 移动端项目中使用 rem 计算根节点字体大小时,可能会遇到一个问题:页面内容在字体大小发生变化时会重绘,导致 CSS 变形。

解决方案:

可将计算根节点字体大小的 JS 代码块置于页面最前端的

标签内,确保在其他资源加载之前执行。

参考:

amfe/lib-flexible(GitHub):https://github.com/amfe/lib-flexible/blob/master/README_ZH.md

以上就是Nuxt 移动端项目中 rem 计算导致 CSS 变形,如何解决?的详细内容,更多请关注其它相关文章!