<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>