问题一，分辨率Resolution适配：

不同屏幕宽度，html元素宽高比和字体大小，元素之间的距离自适应，使用rem单位。

问题二，单位英寸像素数PPI适配：

使用rem单位，文字会发虚。段落文字，使用px单位，用media query或js来适配。标题文字可以直接使用rem单位。

问题三，设备像素比例DPR适配：

1物理像素在

<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

显示效果不合需求。要根据devicePixelRatio来修改meta标签的scale

 

参考：

http://www.html-js.com/article/2402

http://isux.tencent.com/web-app-rem.html

https://github.com/amfe/lib.flexible

 

demo如下：

    
         
                 
     
      动态更改html元素大小