主要介绍了移动 web 端屏幕适配(rem)。详细的介绍了移动 web 端屏幕适配（rem），小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

前言 最近整理了一下以前学习前端的笔记，发现自己对移动 web 端屏幕适配（rem）这一块并没有真正理解，只是会用。 接下来，把自己的一些对移动 web 端屏幕适配（rem）的思考记录下来。 rem 介绍 rem 表示根元素（）的 font-size 的大小。即如果根元素的 font-size 大小为 14px，则 1rem = 14px rem 适配移动 web 端 适配效果 在不同尺寸的屏幕下，同一个元素的大小看起来不是一样大的，但是它们所占屏幕宽度的比例是一样的。 代码 // 在 ht

第一阶段：移动web网页开发 核心知识点 • CSS3 2D• CSS3 3D 变换• CSS3 animation 动画• H5C3 炫酷页面开发• Flex伸缩布局• 移动端主流适配方案• 常见移动端样式兼容方案• 预处理器Less• 移动端调试方案 能力体现 • 掌握CSS3 2D、3D变换、动画效果• 了解移动端屏幕、移动端浏览器、操作系统的不同• 掌握主流移动端调试方法• 掌握常用移动端适配方案（流式布局、flex布局、rem适配）• 掌握常用移动端框架使用方法• 掌握常见移动端页面开