下面代碼在是中國平安工作時，身邊的一個同事寫的，兼容性特別好,移動端建議使用。

(function(doc, win) {var docEl = doc.documentElement,resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',recalc = function() {var clientWidth = docEl.clientWidth;if (!clientWidth) return;docEl.style.fontSize = 50 * (clientWidth / 375) + 'px';};if (!doc.addEventListener) return;win.addEventListener(resizeEvt, recalc, false);doc.addEventListener('DOMContentLoaded', recalc, false); })(document, window)

然后像素就可以直接使用rem了，比如 font-size: 0.2rem;

總結

以上是生活随笔為你收集整理的前端设置使用rem最经典代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。