rem布局,js动态设置html的fontsize大小

1、创建一个名称为fontsize的html文件。

2、在body中加入p元素和button按钮。

3、在自定义函数中创建一个字符串。

4、用fontsize方法设置字符串的字号为5号。

5、将返回的5号字符串赋值到p元素中。

6、在浏览器中运行该文件点击button查看返回5号字号的字符串。

rem布局不是js部分。根据查询相关公开信息显示：rem布局，是一种CSS布局方法，与JavaScript部分无关。rem是指相对于根元素（html标签）字体大小来确定其他元素大小的单位，因此可以实现根据屏幕大小自适应调整元素大小的效果，使用rem布局的关键在于设置根元素字体大小，通常使用媒体查询和JavaScript等技术来动态计算适当的字体大小，但这并不意味着rem布局本身就是JavaScript部分。

应该是设置rem的函数加载顺序问题，应该先加载这个函数和css再去加载dom，这样就没有自适应跳动的问题，如果在加载dom之后调用该函数的话（在body之后加载函数），这样进入页面，fontSize会先以默认值显示，当读取了设置函数后才进行自适应。

刚入前端。昨天做个移动页面也遇到4，5下布局错乱的问题，rem单位，js实时计算的。想不通为什么会乱。后来发现div在4的屏幕下的宽度容纳不了固定的文字个数。于是用媒体查询对4和5的屏幕大小专门做了CSS样式的修改，比如div宽度和div之间的边距，然后解决了。但不能完全达到45，6屏幕下UI一致。不过不影响体验。我的实际问题，供你参考下，看看是不是也是4屏幕下哪个地方宽度不够导致页面元素错位。

以上就是关于rem布局,js动态设置html的fontsize大小全部的内容，包括:rem布局,js动态设置html的fontsize大小、rem布局是js部分吗、使用自适应js（rem为单位）的时候，每次进去都会有一秒左右的时间页面由大到小的自适应跳动，怎么办等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！