| | |
| | | |
| | | // 设置 rem 函数 |
| | | const setRem = ()=> { |
| | | const scale = document.documentElement.clientWidth / 192 |
| | | document.documentElement.style.fontSize = scale + 'px' |
| | | export function onResize() { |
| | | const resize = () => { |
| | | const scale = document.documentElement.clientWidth / 192 |
| | | document.documentElement.style.fontSize = scale + 'px' |
| | | } |
| | | resize() |
| | | window.addEventListener('resize', resize) |
| | | } |
| | | |
| | | // 初始化 |
| | | setRem() |
| | | |
| | | function onResize() { |
| | | setRem() |
| | | export const pxToRem = width => { |
| | | return width * 0.1 + 'rem' |
| | | } |
| | | |
| | | // 改变窗口大小时重新设置 rem |
| | | window.addEventListener('resize', onResize) |