font-size不是字体大小么 此处显示是什么意思 字体大小和高宽比例变化有什么必然联系么
# 具体遇到的问题
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码,切记添加代码注释(请勿截图)
在这里输入代码,可通过选择【代码语言】突出显示
15
收起
正在回答 回答被采纳积分+1
2回答
好帮手慕久久
2020-11-25 11:34:40
同学你好,问题解答如下:
1. font-size是字体大小,而rem这个单位参考的是html的fontsize:当html的fontsize是20px时,如果给元素设置width:1rem;,那么元素的宽度就是20px。html的font-size就是通过html{font-size:20px;}这个样式来设置的。
2. 适配的含义是:元素在不同宽度的页面上,能够等比例缩放;比如在width为400px的页面上,元素是20px宽,如果页面变成200px,那么元素应该变成10px,就样就可以保证页面整体效果不变。
3. 适配时,要使用rem作为单位。假设在400px宽的页面上,html的fontsize是20px,元素是1rem宽(元素实际宽度是20px);当页面宽是200px时,如果让html的fontsize变成10px,此时元素还是1rem,但由于html的fontsize变了,导致元素实际宽度变成了10px,这样元素就实现了等比缩放。所以让html的fontsize跟随宽度成比例变化,就是为了实现上述的适配过程。
祝学习愉快!
3.WebAPP开发与小程序
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星