金币系统前端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

46 lines
1.3 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <link rel="icon" type="image/svg+xml" href="/vite.svg" />
  6. <meta
  7. name="viewport"
  8. content="width=device-width, initial-scale=0.9, maximum-scale=0.9, minimum-scale=0.9"
  9. />
  10. <title>财务金币管理系统</title>
  11. <style>
  12. html,
  13. body,
  14. #app {
  15. height: 100%;
  16. margin: 0;
  17. padding: 0;
  18. }
  19. </style>
  20. <script>
  21. window.onload = function () {
  22. // 获取浏览器的缩放比例
  23. const browserZoom =
  24. (window.devicePixelRatio / window.screen.availWidth) *
  25. window.innerWidth;
  26. if (browserZoom !== 0.9) {
  27. if (typeof document.documentElement.style.zoom === "string") {
  28. // 支持 zoom 属性的浏览器(如 IE)
  29. document.body.style.zoom = 0.9;
  30. } else {
  31. // 不支持 zoom 属性的浏览器,使用 transform
  32. document.body.style.transform = "scale(0.9)";
  33. document.body.style.transformOrigin = "top left";
  34. document.body.style.width = "111.11%";
  35. document.body.style.height = "111.11%";
  36. }
  37. }
  38. };
  39. </script>
  40. </head>
  41. <body>
  42. <div id="app"></div>
  43. <script type="module" src="/src/main.ts"></script>
  44. </body>
  45. </html>