企业官网建设流程全解析

mounted() { // 初始化REM适配（750px设计稿，1rem=100px） this.initRemConversion(); // 监听窗口大小变化，动态更新REM window.addEventListener('resize', this.initRemConversion); }

initRemConversion: function() { var container = document.getElementById('approvalAssistanceContent'); if (!container) return; var designWidth = 750; // 设计稿宽度 var remBase = 100; // 1rem对应的px值 // 计算当前容器宽度对应的font-size var containerWidth = container.offsetWidth || window.innerWidth; var fontSize = (containerWidth / designWidth) * remBase; // 只在容器内设置font-size，不影响全局 container.style.fontSize = fontSize + 'px'; container.style.setProperty('--local-rem', fontSize + 'px'); console.log('REM适配已更新 - 容器宽度: ' + containerWidth + 'px, font-size: ' + fontSize + 'px, 1rem = ' + fontSize + 'px'); },

padding-left: calc(0.26 * var(--local-rem));