font-size不是字体大小么 此处显示是什么意思 字体大小和高宽比例变化有什么必然联系么

font-size不是字体大小么 此处显示是什么意思 字体大小和高宽比例变化有什么必然联系么

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图
http://img1.sycdn.imooc.com//climg/5fbdbf4c09d5f81112260539.jpg# 尝试过的解决思路和结果

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

在这里输入代码,可通过选择【代码语言】突出显示

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕久久 2020-11-25 11:42:24

同学你好,问题解答如下:
1. 元素就是指页面上的组成内容,比如一个div,一个img,一个span......,“元素的宽是1rem”,可以理解成“div{width:1rem;}”。每一个组成部分都能等比缩放,那么整个页面宽度变化时,样式就不会变,就实现了适配。
2. “fontsize”和“font-size”是一个东西,二者没区别,都是指html的字体大小:
http://img1.sycdn.imooc.com//climg/5fbdd38b090756e205210132.jpg
只是fontsize书写起来比“font-size”方便,老师就混着写了。

祝学习愉快!

好帮手慕久久 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跟随宽度成比例变化,就是为了实现上述的适配过程。
祝学习愉快!

  • 提问者 小丸子不吃丸子 #1
    您说的元素是指什么
    2020-11-25 11:37:17
  • 提问者 小丸子不吃丸子 #2
    我又不理解了 html的fontsize和font-size有啥区别 分别作用和使用方法是啥
    2020-11-25 11:41:02
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师