移动端适配js

最新推荐文章于 2022-05-18 09:51:03 发布

原创最新推荐文章于 2022-05-18 09:51:03 发布 · 339 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#app #javascript

本文介绍了一种通过JavaScript实现的字体大小自适应调整方法，该方法可根据设备屏幕宽度动态调整页面字体大小，确保了不同分辨率设备上的一致阅读体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function resetFont() {
	var HTML = document.getElementsByTagName('html')[0];
	var deviceWidth = document.documentElement.clientWidth; //获取设备宽度
	var scale = deviceWidth / 750; //750是psd设计图宽度
	HTML.style.fontSize = 100 * scale + 'px';
}
resetFont();
window.onresize = function() {
	resetFont();
}