MoeJue/douyin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: root font-size automatic adaptation

Browse Source
This commit is contained in:
zyronon 2024-05-30 10:46:41 +08:00
parent e4a9ce5df3
commit 8dcda1bd10
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/App.vue
View File

@ -53,18 +53,19 @@ watch(
} }
) )
function setVh() { function resetVhAndPx() {
let vh = window.innerHeight * 0.01 let vh = window.innerHeight * 0.01
document.documentElement.style.setProperty('--vh', `${vh}px`) document.documentElement.style.setProperty('--vh', `${vh}px`)
document.documentElement.style.fontSize = document.documentElement.clientWidth / 375 + 'px'
} }
onMounted(() => { onMounted(() => {
store.init() store.init()
setVh() resetVhAndPx()
// 监听resize事件 视图大小发生变化就重新计算1vh的值 // 监听resize事件 视图大小发生变化就重新计算1vh的值
window.addEventListener('resize', () => { window.addEventListener('resize', () => {
location.href = BASE_URL + '/' location.href = BASE_URL + '/'
setVh() resetVhAndPx()
}) })
}) })
</script> </script>