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