什么是Remrem和em很容易混同，其实两个都是css的单位，并且也都是绝对单位，现有的em，css3才引入的rem，在介绍rem之前，咱们先来理解下em。

说起挪动端适配，经常会想到rem,在这里写两种rem适配计划：一、自定义配置在rem.scss文件中定义： {代码…} 应用：引入rem.scss {代码…} 二、flexible.js…

一般来说，做PC端的页面并不像挪动端那样对分辨率及屏幕大小有的特地强的要求，然而针对数据大屏这种展现型的页面来说，就须要思考适配的计划了，毕竟要尽可能的保障大部分的支流显示器都能失常展现。

1.开发环境 vue2.电脑系统 windows10专业版3.在应用vue开发挪动端的过程中,咱们会因为兼容性而头疼,上面我来分享分享上面vue应用rem自适配,心愿对你有所帮忙。4.废话不多说,间接上操作:

关怀的尺寸有320px,360px,375px,384px,400px,414px,424px,480px,540px,720px,750px

rem是根元素(html)中的font-size值。rem布局不多赘述，有很多详细说明rem布局原理的资料。简单的说，通过JS获取设备宽度动态设定rem值，以实现在不同宽度的页面中使用rem作为单位的元素自适应的效果。

em 是一个布局的长度单位，当前对象内文本的字体大小的相对单位，也就是说相对于当前元素的font-size。

大家有没有发现淘宝的H5移动端没有使用任何rem和vw单位，而是和web端项目一样，使用的是px单位。虽然是px但它也很完美的将整个页面渲染了出来。那淘宝的FE是怎么实现的呢？

手机机设备屏幕尺寸不一，做移动端的 Web 页面，需要考虑在安卓/IOS 的各种尺寸设备上的兼容，这里总结的是针对移动端设备的页面，设计与前端实现怎样做能更好地适配不同屏幕宽度的移动设备。