<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <link rel="icon" type="image/x-icon" href="/static/img/favicon.ico">
    <title>分享失效</title>
    <style>
        html{
            margin: 0 auto;
            background: #fff;
            height: 100%;
        }
        body{
            width: 100%;
            height: 100%;
            margin: 0 auto;
            background: #fff;
        }
        div.share-box{
            width: 100%;
            height: 100%;
            display: flex;
            justify-items: center;
            align-items: center;
        }
        div.img{
            width: 3.1rem;
            margin: 0 auto;
        }
        div.img img{
            display: block;
            margin: 0 auto;
            width: 100%;
        }
        div.img img.mt10{
            margin-top: 51px;
            width: 1.9rem;
            cursor: pointer;
        }
    </style>

</head>
<body>
<div class="share-box">
    <div class="img">
        <img src="/static/img/shark-link1.png" alt="">
        <a href="/download-page"><img src="/static/img/share-link2.png" alt="" class="mt10"></a>
    </div>
</div>
<script>
    console.log(document.documentElement.style.fontSize);
    // 根据设备自动设置字体大小
    let deviceWidth = document.documentElement.clientWidth;
    if(deviceWidth > 750) deviceWidth = 750;
    document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';
</script>
</body>
</html>
