html font-size 根元素一般设置多少px啊?
# 具体遇到的问题
记得前面有一期课程说设定一个40还是多少来着 方便计算?还是什么意思
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码,切记添加代码注释(请勿截图)
在这里输入代码,可通过选择【代码语言】突出显示
正在回答
同学你好,问题解答如下:
1. 在移动端适配的课程中:
我们提到过,将html的fontsize设置成40px计算会比较方便,即40是html的font-sise大小。原因是设计稿是750px的,它对应着iphone6,即实际开发时,设计同学会以iphone6的屏幕为基准,进行设计页面,然后我们利用该设计稿,将机型调整iphone6,对着该机型写代码。当元素在设计稿上是100px时,换算成rem就是100/40=2.5rem(2.5rem才是我们需要写的数值),即40这个数值,相对来讲,是比较利于计算的。
2. 截图中的代码是媒体查询,only是媒体查询的关键字,它用来指定某种特定的媒体类型,可以排除不支持媒体查询的浏览器,即符合关键字only的机型,并且宽度符合要求的页面,会被应用媒体查询中的样式。
3. 这里利用媒体查询实现动态改变html的font-size和之前利用js,效果是一样的,插件的根元素值,设置方式也是一样的。设置时,要参考设计稿,比如设计稿是375px的,利用之前的js得到页面的html的fontsize是20px,那么编辑器也要设置成20px;如果利用此处的媒体查询,则html的fontsize是100px,那么编辑器的字体大小要设置成100px,即编辑器的根元素要与html的fontsize大小一致。
4. 之前的课程中,讲到的方案更灵活。但是此处的方案也不是错的,原理是一样的,只是写法不用,同学可以把此处当成扩展来学习。
祝学习愉快!
- 参与学习 人
- 提交作业 239 份
- 解答问题 10739 个
本阶段带你深入前端开发的肌理,通过ES6基础知识和前端主流高级框架的学习,助你快速构建企业级移动webAPP应用,进入职场的终极battle
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星