H5自适应屏幕分辨率大小

　说明：

①：H5自适应不同分辨率的设备，其实主要就一句

width=device-width 屏幕宽度；initial-scale=1 原始缩放比例为1，即100%铺满；minimum-scale=1 最小缩放比例为1；maximum-scale=1 最大缩放比例为1；user-scalable=no 禁止页面缩放。有些浏览器支持不一样，所以若想禁止缩放，就把最大最小缩放比例设为1即可！

②：字体单位使用rem，尽量不使用px，rem能等比适应所有屏幕。使用rem的优缺点，有详细介绍 http://isux.tencent.com/web-app-rem.html

③：dpr分屏，动态修改meta标签内容

下面试代码，有详细注释

    
    
    
    



    
动态更改html元素大小
    

    

    

运行结果：

 

更多专业前端知识，请上 【猿2048】www.mk2048.com