HTML在移动端上文字大小自适应

head标签内添加meta标签
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>



// JS 中处理

$(document).ready(function (){
        // 调整移动端 计算屏幕大小
        // 需要在head标签中间添加如下标签 然后在配合下面内容实现当前网页在移动端的适配
        //<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
        var win = window,
            doc = document;
        function setFontSize() {
            var winWidth =  $(window).width();
            // 640宽度以上进行限制
            var size = (winWidth / 640) * 100;
            doc.documentElement.style.fontSize = (size < 100 ? size : 100) + 'px' ;
        };

        setTimeout(function(){
            // 初始化
            setFontSize();
        }, 200);
    });