<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Demo</title>

    <style>
        html {
            font-size: 62.5% !important;
        }
        @media only screen and (min-width: 320px){
        html {
            font-size: 46.9% !important;
        }
        }
        @media only screen and (min-width: 640px){
        html {
            font-size: 50.8% !important;
        }
        }
        @media only screen and (min-width: 750px){
        html {
            font-size: 54.7% !important;
        }
        }
        @media only screen and (min-width: 1242px){
        html {
            font-size: 62.5% !important;
        }
        }
    </style>
</head>

<body>

<div id="wrapper"></div>
</body>
<script src="../dist/router.js"></script>
<script>
    BI.pixUnit = "rem";
    BI.pixRatio = 10;
</script>
</html>