| 123456789101112131415161718192021222324252627282930313233343536373839 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover">
- <link rel="icon" href="<%= BASE_URL %>favicon.ico">
- <title></title>
- <script>
- (function() {
- function adapt(designWidth, rem2px){
- var d = window.document.createElement('div');
- d.style.width = '1rem';
- d.style.display = "none";
- var head = window.document.getElementsByTagName('head')[0];
- head.appendChild(d);
- var defaultFontSize = parseFloat(window.getComputedStyle(d, null).getPropertyValue('width'));
- d.remove();
- document.documentElement.style.fontSize = window.innerWidth / designWidth * rem2px / defaultFontSize * 100 + '%';
- var st = document.createElement('style');
- var portrait = "@media screen and (min-width: "+window.innerWidth+"px) {html{font-size:"+ ((window.innerWidth/(designWidth/rem2px)/defaultFontSize)*100) +"%;}}";
- var landscape = "@media screen and (min-width: "+window.innerHeight+"px) {html{font-size:"+ ((window.innerHeight/(designWidth/rem2px)/defaultFontSize)*100) +"%;}}"
- st.innerHTML = portrait + landscape;
- head.appendChild(st);
- return defaultFontSize
- };
- var defaultFontSize = adapt(750, 100);
- })();
- </script>
- </head>
- <body>
- <noscript>
- <strong>We're sorry but ox-new doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
- </noscript>
- <div id="app"></div>
- <!-- built files will be auto injected -->
- </body>
- </html>
|
