常見尺寸：

1：建立rem.js:

(function (doc, win) {
    var docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        recalc = function () {
            var clientWidth = docEl.clientWidth;
            if (!clientWidth) return;
            if(clientWidth>=1024){
                docEl.style.fontSize = '32px';
            }else{
				// 假設iphone6為例螢幕總寬度: 375px，螢幕總高度: 667px。推薦設計稿大小x2：750*1206
                docEl.style.fontSize = 32 * (clientWidth / 750) + 'px';  //設計1rem=16px，假如為了方便換算成1rem=100px，那這個32就變成相應的比例500*0.2。和編輯器保持同步，若此處變了，編輯器最好同步變
                var a =docEl.style.fontSize = 32 * (clientWidth / 750) + 'px';
            }
        };

    if (!doc.addEventListener) return;
    win.addEventListener(resizeEvt, recalc, false);
    doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
// 375代表設計稿的寬度；專案的設計稿寬度是多少 這裡就寫多少；
 

2:在main.js中引入
import rem from './assets/js/rem.js'
3：在專案中適配測試，1rem=16px;和上面js檔案設定的值相對應，是成功的。然後可以發現根據螢幕尺寸不一樣，html根元素的font-size隨之自適應。

.pcInfo{
		font-size: 16px;
	}
.pcInfo2{
		font-size: 1rem;
	}

其他方法參考：https://blog.csdn.net/qq_36229632/article/details/106887919?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2