在使用rem做适配时，大多设定在设计稿尺寸时，1rem=100px。这样在做开发时，css尺寸属性写为
（设计稿尺寸/100） rem。然后我就在想为什么不设定在设计稿尺寸时，1rem=1px，开发时尺寸写为
设计稿尺寸 rem，岂不是更方便，不用写那么多0和.。
在具体实践之后发现，元素的的css属性除了字体大小之外，实际效果都是1rem=12px。
/* 1rem = 1px */div{ font-size: 20rem; /*效果： font-size: 20px; */
margin-top: 50rem; /*效果： fmargin-top: 600px; */
padding: 1rem; /*效果： padding: 12px; */}在请教别人之后才知道，当前浏览器设定的最小字体大小为12px，所以浏览器自动把html{font-size: 1px} 识别为html{font-size: 12px}，所以效果也就是1rem = 12px。
在调整浏览器最小字体大小以后，也验证了以上原因是正确的。
所以设定为1rem=100px，也是最简便的开发方式。
但font-size属性正常布吉岛为啥。。。。
作者：漓漾li
链接：https://www.jianshu.com/p/1b94fa1fe94c
随时随地看视频
