第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用js動態(tài)設(shè)置font-size,小米自帶瀏覽器無效

使用js動態(tài)設(shè)置font-size,小米自帶瀏覽器無效

富國滬深 2019-05-25 15:48:31
functionc(){varb=f.getBoundingClientRect().width;b/i>540&&(b=540*i);varc=b/10;f.style.fontSize=c+"px",k.rem=a.rem=c}這里最后執(zhí)行后設(shè)置的是html的font-size為36px;頁面使用rem,但是在小米自帶瀏覽器上發(fā)現(xiàn)頁面所有元素都要比預(yù)期的小,于是我便打印了一下:console.log(getComputedStyle(window.document.documentElement)['font-size']);//31pxconsole.log(window.document.documentElement.style.fontSize)//36px發(fā)現(xiàn)瀏覽器最終使用的font-size是31不是36,但是第二行代碼得到是我設(shè)置的值36px。搞不懂?。?!在其他瀏覽器上是正常的,兩個打印出來的都是36px
查看完整描述

2 回答

?
墨色風(fēng)雨

TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超6個贊

這個可能是app在小米手機(jī)上的一個bug,我直接行內(nèi)在html標(biāo)簽上設(shè)置font-size也不行。最后只能通過getComputedStyle(window.document.documentElement)['font-size']來判斷是不是小于32px,是就加載另一個css文件,這個css文件是根據(jù)font-size=31px來寫的rem布局。就這樣,問題暫時告一段落。。。
                            
查看完整回答
反對 回復(fù) 2019-05-25
?
Smart貓小萌

TA貢獻(xiàn)1911條經(jīng)驗(yàn) 獲得超7個贊

(function(doc,win){
vardocEl=doc.documentElement,
resizeEvt='orientationchange'inwindow?'orientationchange':'resize',
recalc=function(){
varclientWidth=docEl.clientWidth;
if(!clientWidth)return;
docEl.style.fontSize=20*(clientWidth/320)+'px';
};
if(!doc.addEventListener)return;
win.addEventListener(resizeEvt,recalc,false);
doc.addEventListener('DOMContentLoaded',recalc,false);
})(document,window);
你可以用這種寫法來試試,根據(jù)屏幕寬度來計算html的fontSize
                            
查看完整回答
反對 回復(fù) 2019-05-25
  • 2 回答
  • 0 關(guān)注
  • 839 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號