123456789101112131415161718192021222324252627282930313233343536373839404142 |
- <!DOCTYPE html>
- <html lang="">
- <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" />
- <link rel="icon" href="<%= BASE_URL %>logo.png" />
- <title><%= htmlWebpackPlugin.options.title %></title>
- <script src="http://static.harbinxiaoshi.cn/static/js/ezuikit.js"></script>
- <script>
- // 获取当前设备的宽度,设置rem的根字体大小
- let width = window.innerWidth
- width = width <= 1200 ? 1200 : width
- const htmlObj = document.getElementsByTagName('html')[0]
- htmlObj.style.fontSize = width / 56.47 + 'px'
- // 对resize事件进行浏览器兼容处理
- if (document.createEvent) {
- var event = document.createEvent('HTMLEvents')
- event.initEvent('resize', true, true)
- window.dispatchEvent(event)
- } else if (document.createEventObject) {
- window.fireEvent('onresize')
- }
- // 监听页面resize事件,重新设置rem的根字体大小
- window.onresize = function () {
- let width = window.innerWidth
- width = width <= 1200 ? 1200 : width
- htmlObj.style.fontSize = width / 56.47 + 'px'
- }
- </script>
- </head>
- <body>
- <noscript>
- <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> 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>
|