早期，手机开发商例如苹果，为了让用户的体验更好，就在同样大小的屏幕里塞入了更多的像素；这样就导致了同样100px的div，在苹果手机里面肉眼看上去显示就变小了。
为了解决这个问题，就需要引入rem这个相对大小单位。
1rem等于html 的font-size 大小。
我们以375px为屏幕宽度基准，如果设置这个屏幕下html字体大小为16px;
那么当屏幕宽度为500px时，对应的html字体大小就应该为 500/375*16
那么1rem也就随着分辨率放大而放大了，从而实现了不同手机分辨率的自适应
