移动端快速模板

设备宽度为375*667 1rem=100px

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <script type="text/javascript">
        !function(){
            function a(){
                document.documentElement.style.fontSize=document.documentElement.clientWidth/7.5+"px"
            }
            var b=null;
            window.addEventListener("resize",function(){
                clearTimeout(b),b=setTimeout(a,10)},!1),a()
        }(window);
    </script>
    <link type="text/css" rel="stylesheet" href="source/css/reset.css" />
</head>
<body>
    
</body>
</html>

 

posted @ 2018-09-07 16:11  yewook  阅读(138)  评论(0)    收藏  举报