【学习任务】移动端 rem 的兼容性配置
9.5k
等3人参与

编程类型:

JavaScript + css

技能点:

  • rem
  • css
  • JavaScript

题目描述:

完成 rem 的兼容性适配(怎么叫做完成):

  1. html 根标签根据屏幕大小自动设置 font-size 的值。以 Iphone 6 为例,font-size 为 37.5 px
  2. 在 css 演示中写入 css,自动渲染为 rem

任务要求(按实现步骤对任务进行分解):

  1. 实现 html 根标签 font-size 的自动适配
  2. 实现 px 转 rem 的 css 功能实现

任务提示/思路分析:

  1. 尝试获取屏幕的大小,根据不同的屏幕大小来定义根元素 font-size
  2. 尝试通过 scss 定义px to rem 的转换函数
  3. 可参考 postcss-pxtoremlib-flexible 的实现

参考答案:

前端代码参考:

我的作业
去发布

登录后即可发布作业,立即

全部作业

数据加载中...

意见反馈 帮助中心 APP下载
官方微信