rem与px换算
假设设计手稿的宽度为750px，检查html {font-size：xxxpx}，该宽度与750px宽度对应的页面相对应。也就是说，100px = 1rem。
目前，如果要设置按钮的宽度，则设计草案上的按钮为200px*90px，因此转换后的按钮为2RM*.9REM公式：rem = px/（字母尺寸）
如何实现px和rem完美转换
1。首先，有必要确认UI的设计草案都是由任何设备设计的。
正常设计是根据750px的iPhone 6lipplus设计的。
这样，以下@mediascreenand（最小宽度：320px必须如下完成： 2。
这是个好主意。
（2）。
引入了响应的成功之后，并从2到100分开。
示例：100px / 2/100 = 0.5REM; / ***** RefiveFontlastModModModMhanchen计算为1：2。
因此，默认的370px是Fontase尺寸-100px！ 默认****** / @ MediaScreenand（最小宽度：320px {html { / size：estigest; * / font-size：84.375px！84.375px！}}}}}}}}}}}}}}}}}} {html { / * font-size：103.125px！ 我谨慎地； * / font-size：87.5px！ 重要的; h：340px）{html { / / size！ 这很重要。
@MediasCreenand; 最小宽度：350px）{buntml {font-insaneant; {font： @ medistren -size： @ medistrat：360px）{html {fontr -size：96.875px！ 重要， / *字体大小：impx！ 这很重要。
这很重要。
*/ font-size大小：html {/ * font-size：{/ * font-size size; 这很重要。
- 尺寸：118.75 PX！ 这很重要。
* / font-size： @ MediaScreenand（Medthth：390px} httth：390px}}}}}}}}} {min-Width：400px {html {html { / * font-size：129px。
@MediasCreen] {html { / / size：128.125px！ 重要的; * / font-size：}}}}}}}}}}}}}}}}}}}}}}}}}} {width：{buuntl：430px {html { / * font-size：114.375px！} 440px）{html {/ * font-size：137.5px！ 这很重要。
这很重要。
အရေးကြီးတယ်，} @mediascreena nd（min-width：460px）{html {/ * font-size：143.75px！}}}}}}}}}}}}}}}}}}}}} @ medistrat：470px）}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}} / *字体大小：146.875px！ 重要的是 * / font-size：130.25px！ {html {/ * font-size; * /字体大小的尺寸：133.375px！ 重要的; @MediasCreenand（min-width :: 490px）{ / font- {html {min-width：500px） / * font-size：156.25px！ 这很重要。
} @ MediaScreenand @ MediaScreen！ {html {/ * font-size {html {/ size：{/ * font-size：{/ * font-size size size：142。
重要尺寸：225px！ @ MediaScreen： @：319px）{html {font-size：84.375px！
在css中输入px怎么自动换算成rem
在多年的前端开发实践中，从最初的PC固定布局、手机固定布局（两端留白）到响应式设计（媒体查询、百分比布局等），直到最终选择REM +JavaScript，但在项目开发过程中，需要将大量样式从PX转换为REM。单位之间的换算虽然并不复杂，但是工作量却很大。
能有自动化解决方案吗？ 通过搜索，找到了一个方案。
读者可以直接在百度搜索引擎中搜索“用Grunt写一个工具用Grunt”，点击图中框标注的部分，进入图中“写一个用于PX和Rem互转的工具”页面， 文章最后还提供了在线转换工具。
如下图，可以很方便的转换为REM，而且可以批量完成。
它可以在几秒钟内完成。
作者将实际项目中的CSS代码复制到转换中。
有几个参数可供选择。
转换效果与这里的参数选择有关。
Android下对REM单元的支持特别差。
你可能不使用默认就写成2REM或者3REM，这样就会变成1px，所以不建议在使用Border属性时处理Border。
JavaScript 控制根元素的大小。
读者可以将代码放在公共JS文件中，以确保每个HTML文件都被引用。
在线工具还提供了自动生成媒体查询的功能，在响应式设计中可以少很多CSS代码，让前端开发更加有效。
这里不做介绍，读者根据实际情况决定是否使用该功能。
事实上，读者也可以编写一个JavaScript函数来实现上述功能。
然而，重复发明轮子并没有多大意义。
除了上面的工具（JavaScript实现），还有SASS解决方案。
网上有相关文章，读者可以研究一下。
不过，在线工具是最好的，当然你也可以下载这个工具。
