移动端rem自适应问题，网上有很多种方法实现，不知道用那种好

[静花水月冰]

我看到网上有很多种方法实现移动端自适应，不知道用那种好？

用下面这种，根据不同的屏幕尺寸设置不同的font-size，在要用的字号或高度时再用rem设置，不是最简单实用的方法吗？网上还有解决自适应用js实现的，不是很麻烦吗？
@media only screen and (min-width:360px){html{font-size: 16px;}}
@media only screen and (min-width:375px){html{font-size: 18px;}}
@media only screen and (min-width:400px){html{font-size: 20px;}}
@media only screen and (min-width:414px){html{font-size: 24px;}}
.top{font-size: .75rem; height: 2.5rem; line-height: 2.5rem; margin: .5rem .625rem;}

[艾乐的it人生]

什么项目中用？ 普通的html可以用https://github.com/amfe/lib-flexible

[静花水月冰]

引用 1 楼 weixin_45425043 的回复:

什么项目中用？ 普通的html可以用https://github.com/amfe/lib-flexible

为啥用这个JS实现？我上面说的不同的屏幕尺寸设置不同的font-size，不简单些吗？

[艾乐的it人生]

引用 2 楼 静花水月冰 的回复：

[quote=引用 1 楼 weixin_45425043 的回复:] 什么项目中用？ 普通的html可以用https://github.com/amfe/lib-flexible

为啥用这个JS实现？我上面说的不同的屏幕尺寸设置不同的font-size，不简单些吗？[/quote]简单是简单，但某些场景下确实不适合

[艾乐的it人生]

引用 2 楼 静花水月冰 的回复：

[quote=引用 1 楼 weixin_45425043 的回复:] 什么项目中用？ 普通的html可以用https://github.com/amfe/lib-flexible

为啥用这个JS实现？我上面说的不同的屏幕尺寸设置不同的font-size，不简单些吗？[/quote]https://www.cnblogs.com/well-nice/p/5509589.html

[風灬雲]

媒体查询的适配是范围性的，就是说在这个范围之间都是一样的，JS动态设置的就是完全按屏幕的尺寸来设置根元素的字体，不同的宽度显示的尺寸就不同，实时的