前端 rem和px如何进行转换？

写h5的页面的时候 设计图是750的，那么里面的px应该怎么进行转换？
我自己在Hbuilder里面设置的比例是 1:75 但是感觉设计出来的比较小，这事为啥？

谢谢！

rem是相对于根元素，这样就意味着，我们只需要在根元素确定一个参考值，这个参考值设置为多少，完全可以根据您自己的需求来定。
例如浏览器默认的字号16px，来看一些px单位与rem之间的转换关系：

|  px  |     rem       |
------------------------
|  12  | 12/16 = .75   |
|  14  | 14/16 = .875  |
|  16  | 16/16 = 1     |
|  18  | 18/16 = 1.125 |
|  20  | 20/16 = 1.25  |
|  24  | 24/16 = 1.5   |
|  30  | 30/16 = 1.875 |
|  36  | 36/16 = 2.25  |
|  42  | 42/16 = 2.625 |
|  48  | 48/16 = 3     |
-------------------------        

如果设定html{font-size:14px}，那么后面的CSS里面的rem值则是以这个14来换算，例如设定一个div宽度为3rem,高度为2.5rem.则它换算成px为width:42px.height:35px，同理，假如一个设计稿为宽度42px,高度为35px，则换成成rem，则是42/14=3rem，35/14=2.5rem。 如果css里面没有设定html的font-size，则默认浏览器以1rem=16px来换算。

哈喽，适配方案可以看看我这篇文章

vue实现移动端适配方案 （amfe-flexible和postcss-pxtorem结合）建议收藏_been_ss的博客-CSDN博客_amfe-flexible 1.amfe-flexibleamfe-flexible是配置可伸缩布局方案，主要是将1rem设为viewWidth/10。2.postcss-pxtorempostcss-pxtorem是postcss的插件，用于将像素单元生成rem单位。3.移动端适配方案vue实现移动端适配步骤如下：先安装amfe-flexible和postcss-pxtoremnpm install amfe-flexible --savenpm install postcss-pxtorem --sa https://blog.csdn.net/qq_39287602/article/details/109047223?spm=1001.2014.3001.5502

html {font-size: 62.5%} - zhangzhongjiang - 博客园 首先，rem是以html为基准。 一般的，各大主流浏览器的font-size默认值为16px,此时1rem=16px。如果此时将rem与px进行换算很麻烦，比如0.75rem=12px。 为了更方便的 https://www.cnblogs.com/zhongjiang/p/6441554.html

我当时就是直接这样的 、1rem=10px这样就好算一些。 设计图的px/10就是rem单位

html,body{
  font-size: 62.5%;  
}