<script>
fontSize = ()=>{
const clientWidth = document.documentElement.clientWidth;
const n = 20*(clientWidth/380) > 40?40:20*(clientWidth/380);
document.documentElement.style.fontSize = n + 'px';
}
window.addEventListener('load',fontSize);
window.addEventListener('resize',fontSize);
</script>
html 根据屏幕大小自动修改字体大小
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- html动态设置根字体大小(页面字体使用rem单位可根据屏幕大小自适应) 1.新建rem.js文件 (functi...
- 在项目开发中会经常遇见TextView字体大小自适应的需求,比如个人中心中公司名称: 实现这样的功能是需要自己实现的。