問題描述

用rem制作移動端頁面，在測試階段，都沒問題，IOS 安卓等 手機上，都完美但是，oppo手機自帶的瀏覽器，打開頁面， rem失效，只有圖片的高度失效了，所有的圖片全被拉長。這是為什么？

這是控制rem的JavaScript代碼

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

問題解答

因為oppo這種小廠的技術實力不行，自帶瀏覽器內核版本太低