cocorobo/plugins/rem.js

// export default defineNuxtPlugin(() => {
//   if (process.client) {
//     // 屏幕适应
//     ; (function (win, doc) {
//       if (!win.addEventListener) return
//       function setFont() {

//         let fontSize = (document.documentElement.getBoundingClientRect().width / 1920 * 100);
//         fontSize = fontSize < 50 ? 80 : fontSize
//         document.getElementsByTagName('html')[0].style.fontSize = `${fontSize}px`
//       }
//       setFont()
//       setTimeout(() => {
//         setFont()
//       }, 300)
//       doc.addEventListener('DOMContentLoaded', setFont, false)
//       win.addEventListener('resize', setFont, false)
//       win.addEventListener('load', setFont, false)
//     })(window, document)
//   }
// })

// // // 隔离作用域，避免全局变量的污染
// // !(function () {
// //     function setHtmlFontSize() {
// //         var whdef = 100 / 1920; // 表示1920的设计图,使用100PX的默认值
// //         var bodyWidth = document.documentElement.getBoundingClientRect().width; // 当前窗口的宽度
// //         var rem = bodyWidth * whdef; // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
// //         console.log(rem);
// //         document.getElementsByTagName('html')[0].style.fontSize = rem + 'px'
// //     }
// //     setHtmlFontSize();
// //     window.addEventListener("resize", function () {

// //         setTimeout(function () {
// //             setHtmlFontSize();
// //         }, 100)
// //     })
// // })();