From 8c9f89329256299c1cc68ed461e4f8621275aa7d Mon Sep 17 00:00:00 2001 From: guoshipeng <3194674006@qq.com> Date: Thu, 27 Oct 2022 09:08:57 +0800 Subject: [PATCH] 郭世朋20221027提交空气质量报告页面 --- public/index.html | 55 ++++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 54 insertions(+), 1 deletions(-) diff --git a/public/index.html b/public/index.html index 46ed8c8..02551a6 100644 --- a/public/index.html +++ b/public/index.html @@ -19,7 +19,7 @@ <script src="https://code.bdstatic.com/npm/mapvgl@1.0.0-beta.97/dist/mapvgl.min.js"></script> <!-- <script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> --> <!-- <script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/require.js/2.3.6/require.min.js"></script> --> - + <title><%= webpackConfig.name %></title> <style> body { @@ -38,4 +38,57 @@ </noscript> <div id="app"></div> </body> + <script> + /*$(window).resize(function() // ��������������������������������� + + { + + var whdef = 100 / 1080 // ������1920������������,������100PX������������ + + var wH = window.innerHeight // ��������������������� + + var wW = window.innerWidth // ��������������������� + + var rem = wH * whdef // ������������������������������������������,���������������������������FONT- SIZE��� + + $('html').css('font-size', rem + 'px') + + }) + + $(window).ready(function() { + + var whdef = 100 / 1080 // ������1920������������,������100PX������������ + + var wH = window.innerHeight // ��������������������� + + var wW = window.innerWidth // ��������������������� + + var rem = wH * whdef // ������������������������������������������,���������������������������FONT- SIZE��� + + $('html').css('font-size', rem + 'px') + + })*/ + + var docEl = document.documentElement, + //��������������������������������������������������������������������������������������������������� + //���������������������������������orientationChange������������������������������resize ��������� + //��������������������������������������������������������������������������������������������������� + resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', + recalc = function() { + //���������������������1:50���������375������������������������������������������������������������ + docEl.style.fontSize = docEl.clientWidth / 100 + 'px'; + }; + + //������������������������������������ + window.addEventListener(resizeEvt, recalc, false); + document.addEventListener('DOMContentLoaded', recalc, false); + + /* window.onresize = screenResize; + + function screenResize () { + // console.log("������������������", window.screen.availWidth); + document.documentElement.style.fontSize = window.screen.availWidth/320*20+"px"; + } + screenResize ();*/ + </script> </html> -- Gitblit v1.8.0