移动端页面像素值的适配问题的几种处理方式

一直想写一写技术博客， 却一直都没开始，那就从今天开始，从简单开始吧！ let’s go
移动端机型巨多，各种屏幕分辨率，眼花缭乱！作为前端开发，样式的适配性也显得非常重要！那么，今天，就说说我在之前h5开发过程中，对于像素值的适配问题的几种解决方法吧!

一：使用rem替换px作为像素单位
首先，我们说说rem的概念
rem单位都是相对于根元素html的font-size来决定大小的,根元素的font-size相当于提供了一个基准，当页面的size发生变化时，只需要改变font-size的值，那么以rem为固定单位的元素的大小也会发生响应的变化。 因此，如果通过rem来实现响应式的布局，只需要根据视图容器的大小，动态的改变font-size即可。那么， 概念有了， 我们怎么使用它呢？

1，写一个公共函数，用于设置页面根元素html的font-size大小

当然，此处你还可以用小米官网提供的方法，效果跟以上自己写的方法一样一样滴。顺便把它粘贴出来吧

  !function(n){
   
            var  e=n.document,
                 t=e.documentE