首頁(yè) 猿問(wèn) 關(guān)于window.onresize...

關(guān)于window.onresize+rem布局的問(wèn)題

JavaScript

桃花長(zhǎng)相依 2018-10-11 18:15:08

1、現(xiàn)在做頁(yè)面在用rem布局動(dòng)態(tài)獲得屏幕寬并根據(jù)不同寬度賦值整個(gè)頁(yè)面不同的fontSize值使頁(yè)面代碼如下：2、 document.documentElement.style.fontSize = document.documentElement.clientWidth / 6.4 + 'px';3、現(xiàn)在的問(wèn)題是屏幕橫屏豎屏的時(shí)候沒(méi)辦法及時(shí)更新頁(yè)面，需要刷新才可以解決。現(xiàn)在不知道如何使用onresize。求大神解決橫屏的問(wèn)題。

查看完整描述

1 回答

慕婉清6462132

TA貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超2個(gè)贊

var timer = null;

// 事件監(jiān)聽(tīng)

if ('addEventListener' in document) {

document.addEventListener('orientationchange', function () {

setRem();

}, false);

window.addEventListener('resize', function () {

setRem();

}, false);

}

// 橫豎屏?xí)r重新調(diào)整

function setRem () {

clearTimeout(timer);

// 延遲屏幕橫豎轉(zhuǎn)換

timer = setTimeout(function () {

document.documentElement.style.fontSize = clientWidth / 6.4 + 'px';

}, 200);

}

document.documentElement.style.fontSize = clientWidth / 6.4 + 'px';
修改為：
document.documentElement.style.fontSize = document.documentElement.clientWidth / 6.4 + 'px';

反對(duì) 回復(fù) 2018-11-24