首先先将几个主要概念讲一下；移动端故名思义是为移动终端，大名叫移动通信终端，是指可以在移动中使用的计算机设备。其实就是我们常说的手机。前端开发中布局是将主要的html结构布置好。rem是一种长度单位，是而且仅是根据根元素html改变的长度单位。Root e

它的全称是 font size of the root element 它是CSS3中新增加的一个尺寸（度量）单位，根节点的font-size决定了rem的尺寸，也就是说它是一个相对单位，相对于。浏览器的默认的font-size是16px，1rem默认就等

‘initial-scale=‘ + iScale + ‘,minimum-scale=‘ + iScale + ‘,maximum-scale=‘ + iScale + ‘,user-scalable=no" />‘). // 获取浏览器

这是之前项目的rem基本设置，这样，在vscode中安装cssrem插件后，改成1rem=15px，其他的屏幕也将得到相应适配。

　　rem是相对于根目录的，所有它会随HTML元素的属性变化而变化

"builder": "@angular-builders/custom-webpack:browser", 这里进行替换。一共需要替换两处，添加一处信息 具体替换，注意 如果需要使用postcss-loader 需

移动端布局是最让我感到头疼的一件事，一直都是逃避的心态，不想面对，但没办法，公司前端就我一个人，所有的问题迟早都要自己解决，所以不得不开始摸索，最快的办法就是看前辈们都是怎么解决的，但是有些办法不一定适合自己，要挨个试，才知道哪个方法好用，这次我就来记录一

less是一门CSS扩展语言，也成为CSS预处理器，作为CSS一种形式的扩展，并没有减少CSS的功能，而是在现有的CSS语法之上，为CSS加入程序式语言的特性。它在CSS语法的基础之上，引入了变量，Mixin(混入)，运算以及函数等功能，大大简化了CSS的

//记录到devDependencies中，因为这是我们在开发中使用的而非在生产中使用。// prevent webpack from injecting useless setImmediate polyfill because Vue. // prev

首先批处理的数字有一定范围，其次超出范围的比较情况还有不同。rem == The tools develop for copy files to external disk ==. for /f "tokens=1,* delims= &qu

介绍postcss-pxtorem 是一款 postcss 插件，用于将单位转化为 remlib-flexible 用于设置 rem 基准值。下面提供了两种方法解决这种第三方框架的组件出现缩小的问题，下面均以vant-ui为例：。在根目录下新建postcs

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

物理像素：设备的屏幕实际像素点，如常说的 iPhone 6 Plus的分辨率是 1920 * 1080 像素。rem是 CSS的计量单位，表示相对于根元素的字体大小。其主要用于移动 Web开发，以适配不同尺寸的屏幕。我们将网页根元素的字号设置为 12px,

.clientWidth) / 10 + ‘px‘;

发表于尚妆github博客，欢迎订阅。首先会介绍375px方案和rem方案的实现原理。具体的开发前提是设计师给到一份750px宽的设计稿，前端同学根据ps量的像素的50%进行css书写。达到在屏幕上完整呈现布局上的内容。但是在同样的安卓原生浏览器上，不管我

vue-cli3 项目postcss-pxtorem的配置放在vue.config.js中。selectorBlackList: [".van"],// 要忽略的选择器并保留为px。propList: ["*"],

　rem 是一个相对单位，类似于 em ，em 是父元素字体大小。　比如：根元素设置的 font-size=12px；非根元素设置 width：2rem；则换成px 表示 24px. 　　@media mediatype and | not | only

};使用border-radius:50%,或者border-radius的值与宽高相等，都可实现一个完美的圆形，但是在不同的安卓手机中，会有不同程度的变形；当使用px做为宽高的单位，border-radius:50%画出来的圆是不会变形的；但使用rem时

CSS3的出现，他同时引进了一些新的单位，包括我们今天所说的rem。在W3C官网上是这样描述rem的——“font size of the root element”。下面我们就一起来详细的了解rem。前面说了“em”是相对于其父元素来设置字体大小的，这样

国内的设计师大都喜欢用px，而国外的网站大都喜欢用em和rem，那么三者有什么区别，又各自有什么优劣呢？像素px是相对于显示器屏幕分辨率而言的。所有未经调整的浏览器都符合: 1em=16px。选择使用什么字体单位主要由你的项目来决定，如果你的用户群都使用最