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

移动端适配问题

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

懂者自懂

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!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前端技术内容推荐

分类:

html5+css3, web前端

| 标签:

发表评论?

0 条评论。

发表评论