老师视频里讲配置rem插件,里面font-size默认是40,然后1rem=40px ,设置了高2.5rem,但是屏幕宽度一变化,rem是固定值了怎么变,

来源:2-4 简单适配应用

weixin_慕村1291783

2020-12-10 15:03:21

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

另外,通过js动态获取了视口,通过公式动态获取了1rem的值,但是在设置宽高需要计算rem的时候插件里面默认的不是40px吗,宽高是不会随屏幕变化而变化啊

写回答

1回答

好帮手慕言

2020-12-10

同学你好,插件中设置的值,只是把自己在编辑器中设置的px自动计算为对应的rem,元素在页面上占据的实际大小,还是要根据html的字体大小决定。

例如:插件中的值设置为40,在设置高度时,值为100px,会提示可以转换为2.5rem(100/40 =2.5)

http://img.mukewang.com/climg/5fd1d76209219c1505870143.jpg

在iphone6下,html的字体大小为20px,元素实际占据的高度为:html的字体大小乘以转换之后的rem(20*2.5=50px),页面效果:

http://img.mukewang.com/climg/5fd1d878096c3b6514050236.jpg


在不同的设备下,html的字体大小是不同的,2.5rem实际占据的大小也是不同的,同学可以再理解一下。

祝学习愉快~

0

0 学习 · 15276 问题

查看课程