JS根据屏幕分辨率自动调整字体大小

最新推荐文章于 2023-09-07 17:09:27 发布

原创最新推荐文章于 2023-09-07 17:09:27 发布 · 2.1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#前端 #ViewUI

收录于

本文介绍了一种根据屏幕宽度自动调整网页字体大小的方法。通过简单的JavaScript代码实现不同分辨率下字体尺寸的自适应变化，提升用户体验。

window.onload=font;
function font(){
if (screen.width <1024)
document.styleSheets[0].addRule("body","font-size:12px;");
else if (screen.width ==1024)
document.styleSheets[0].addRule("body","font-size:14px;");
else if (screen.width >1024)
document.styleSheets[0].addRule("body","font-size:16px;");
else
document.styleSheets[0].addRule("body","font-size:16px;");
}