看了很多有关rem的文章，但是还是没有看懂其中的原理以及公式怎么计算的，今天就讲一下我的理解，不知道这样理解合理不合理；
1.首先要知道rem是怎么用的，它是根据根元素大小来计算1rem到底等于多少px，如果根元素为100px，那么1rem=100px，2rem=200px；
模拟场景：设计师的设计稿假设为750px；
假设我们现在有两个设备，一个设备的宽度就是750px，并且我给这个宽度为750px设备的根元素设置为100px,这样1rem就等于100px了，很好计算；
另一个设备的宽度为变量dWidth；要想与设计稿的效果一样，就要进行等比例缩放，此时我们需要求出另一个设备的根元素font-size值（X）为多少；
根据这些信息我们可以推导出以下这个公式：
dWidth/X=designwidth（750）/100=7.5;
根据小学数学可以得出X得值：
X=dWidth*100/desingWidth;
这样就求出X的大小了，在实际开发中，我们根据设计稿的大小除以100就可以的出元素的rem大小；
看了很多有关rem的文章，但是还是没有看懂其中的原理以及公式怎么计算的，今天就讲一下我的理解，不知道这样理解合理不...
移动端自适应 100px=1rem
代码： 使用方法： 把这个文件在head中引用 单位 100px = 1rem; 计算公式： 1px = 0....
移动端适配 dpr、DPI、PPI 视口 移动端适配的方案 微信小程序适配方案 微信小程序开发
移动端适配 remflexible.js也是rem适配的，它是将设备分成10份，1rem等于1/10。分析其中部分...
placeholder自定义 移动端适配CSS方案 移动端适配方案一 font-size可能需要额外的媒介查询，并...
@description 该方法是用于移动端适配功能， 结合淘宝的适配方案flexible + rem 实现适配，...
移动端适配方案介绍 在移动端中，为了设配不同的设备，通常使用rem来做适配。 rem是通过根元素进行适配的，网页中...
1、模板HTML结构 2、css样式，这里使用less,rem适配 1rem = 100px。 3、js部分 所...
移动端使用rem适配及相关问题移动端适配方案，说多也很多。可以使用百分比布局，但百分比与em都是基于父元素进行计算...
本文标题：移动端适配方案——1rem=100px公式是怎么计算的？
本文链接：https://www.haomeiwen.com/subject/kpxkwftx.html
网友评论