index.html 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <!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"><link rel=icon href=favicon.ico><link rel=stylesheet href=./js/animate.min.css><title>宙斯维创</title><style>*{
  2. padding: 0;
  3. margin: 0;
  4. box-sizing: border-box;
  5. font-size: 0.16rem;
  6. }
  7. a{
  8. text-decoration: none;
  9. }
  10. /* 谷歌 */
  11. input::-webkit-outer-spin-button,
  12. input::-webkit-inner-spin-button {
  13. -webkit-appearance: none;
  14. appearance: none;
  15. margin: 0;
  16. }
  17. /* 火狐 */
  18. input {
  19. -moz-appearance: textfield;
  20. }</style><link href=static/css/about.0a78c9c5.css rel=prefetch><link href=static/js/about.ee2287c1.js rel=prefetch><link href=static/css/app.e03ddc17.css rel=preload as=style><link href=static/css/chunk-vendors.a779fe56.css rel=preload as=style><link href=static/js/app.eb9a8f2e.js rel=preload as=script><link href=static/js/chunk-vendors.22c13cbc.js rel=preload as=script><link href=static/css/chunk-vendors.a779fe56.css rel=stylesheet><link href=static/css/app.e03ddc17.css rel=stylesheet></head><script src=https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js></script><script src=./js/html2canvas.js></script><script src=./js/wow.min.js></script><body><noscript><strong>We're sorry but default doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=static/js/chunk-vendors.22c13cbc.js></script><script src=static/js/app.eb9a8f2e.js></script></body><script>var ScreenResize = {
  21. designWidth: 1920,
  22. designHeight: 1080,
  23. minHeight: 768,
  24. minWidth: 1200,
  25. resize: function() {
  26. scale: this.designWidth / this.designHeight;
  27. var htmlWidth = Math.max(document.documentElement.clientWidth, ScreenResize.minWidth)
  28. var htmlHeight = Math.max(document.documentElement.clientHeight, ScreenResize.minHeight);
  29. // console.log(document.documentElement.clientHeight, ScreenResize.minHeight);
  30. document.documentElement.style.fontSize = (htmlWidth / ScreenResize.designWidth * 100) + "px";
  31. // document.documentElement.style.minHeight = ScreenResize.minHeight + "px";
  32. document.documentElement.style.minWidth = ScreenResize.minWidth + "px";
  33. document.documentElement.style.width = htmlWidth + "px";
  34. // document.documentElement.style.height = htmlHeight + "px";
  35. // console.log(document.documentElement.style.fontSize);
  36. }
  37. };
  38. ScreenResize.resize();
  39. var throttle = function(func, delay) {
  40. var timer = null;
  41. var startTime = Date.now();
  42. return function() {
  43. var curTime = Date.now();
  44. var remaining = delay - (curTime - startTime);
  45. clearTimeout(timer);
  46. if (remaining <= 0) {
  47. func();
  48. startTime = Date.now();
  49. } else {
  50. timer = setTimeout(func, remaining);
  51. }
  52. }
  53. }
  54. window.addEventListener('resize', throttle(() => ScreenResize.resize(), 10));</script></html>