移动端适配，字体设置成font-size:50px;的好处

前提：vue项目中，iphone6屏幕下的默认字体设置为font-size:50px;

image.png

事例：UI是以iPhone6为基准给的如下图片，像素为为130*130。
在项目中用px设置宽高的话，要先将130除以2，然后代码为width:65px;height:65px。
在项目中用rem设置宽高的话代码为width:1.3rem;height:1.3rem。有没有注意到以rem的方式设置宽高的技巧？没错，直接用130/2/50=1.3得到rem下的宽高值。其中50就是iPhone6下设置的font-size:50px;，也就是说这个50是个基数。因此以后使用rem的话，直接将原始图片的大小除以100就是 rem方式下的尺寸了。

image.png