這一節(jié)有個(gè)問題 字體變大可以輕松實(shí)現(xiàn) 但是不是動(dòng)態(tài)變化的 就算頁面縮小字體也沒有變化 請問老師是什么原因那 是不是因?yàn)槲抑跋螺d了elementUI依賴 有了沖突
這一節(jié)有個(gè)問題 字體變大可以輕松實(shí)現(xiàn) 但是不是動(dòng)態(tài)變化的 就算頁面縮小字體也沒有變化 請問老師是什么原因那 是不是因?yàn)槲抑跋螺d了elementUI依賴 有了沖突
qq_夢紫菱_0
2018-08-23
1 回答
舉報(bào)
0/150
提交
取消
2018-08-23
你好，目前這種實(shí)現(xiàn)方式是不支持字體動(dòng)態(tài)變化的，瀏覽器窗口更改后，需要重新刷新頁面才能獲得字體變化，因?yàn)檫@個(gè)DOMContentLoaded事件只會在DOM加載完成后觸發(fā)一次，這樣做的目的是考慮到使用場景是移動(dòng)端，手機(jī)的尺寸和分辨率通常是不會變化的，所以只需加載一次即可。如果你想實(shí)現(xiàn)動(dòng)態(tài)改變字體大小，可以參考如下的實(shí)現(xiàn)方式（監(jiān)聽屏幕尺寸變化）：
window.onresize?=?()?=>?{ ??let?fontSize?=?window.innerWidth?/?10 ??fontSize?=?fontSize?>?50???50?:?fontSize ??const?html?=?document.querySelector('html') ??html.style.fontSize?=?fontSize?+?'px' }