根据屏幕宽度修改font-size达到自适应

mac2025-06-03  32

window.onload =function(){ document.documentElement.style.fontSize = (window.screen.availWidth /1920)*100+'px' } // 页面宽度发生变化时onresize // 1920设计图的width window.onresize = function(){ document.documentElement.style.fontSize = (window.screen.availWidth /1920)*100+'px' }

html 根据宽度生成 font-size

dive { width: 500px; // 500/((window.screen.availWidth / 1920) * 100)rem }

500是你设计图的设置div的width; window.screen.avaliwidth 是你当前可用用的浏览器宽度 我现在浏览器可用宽度是1280 500((1280 / 1920)* 100)rem = 7.500000000000001 rem

最新回复(0)