您当前位置: 首页 » web前端 » web前端 » web前端技术 » 移动端适配问题

移动端适配问题

2020年9月4日 | 蒙奇·D·撸码客 发表评论(0) 查看评论

懂者自懂

<!DOCTYPE>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>   
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">
    <script>
        var scale = 1 / devicePixelRatio;
        document.querySelector('meta[name="viewport"]').setAttribute('content','initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=no');
        
        let deviceWidth = document.documentElement.clientWidth;
        document.documentElement.style.fontSize = deviceWidth / 7.5+ 'px';  
    </script>
       <style>
           body {
                font-size:14px;
           }

    </style>
    
</head>
<body>
</body>

</html>


web前端,web前端技术内容推荐

发表评论?

0 条评论。

发表评论