實現(xiàn):如何實現(xiàn)移動端高度自適應
如何實現(xiàn)移動端高度自適應矾睦,橫向的用rem做單位即可,那高度如何隨著屏幕尺寸的不同呈現(xiàn)不一樣的高度呢惨篱。以前都是用的框架贷洲,沒有注意過這個問題收厨,現(xiàn)在總結一下:
本來在網(wǎng)上找的這段代碼:
是可以實現(xiàn)自適應的,但是后來發(fā)現(xiàn)在加載的時候优构,會出現(xiàn)一瞬間的頁面錯亂的情況诵叁,因為執(zhí)行這段JS也是需要的時間的,后來就更換為以下代碼:
function resize() {
? ? var htmlEle = document.documentElement;
? ? var htmlWidth = window.innerWidth;
? ? htmlEle.style.fontSize = 100 * (htmlWidth / 640) + 'px';
} resize();