index.html 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  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.0b27e129.css rel=prefetch><link href=static/js/about.2f8bf1fc.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.2c7d87fc.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.2c7d87fc.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 htmlWidth = 1920
  29. var htmlHeight = Math.max(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. }
  35. };
  36. ScreenResize.resize();
  37. var throttle = function(func, delay) {
  38. var timer = null;
  39. var startTime = Date.now();
  40. return function() {
  41. var curTime = Date.now();
  42. var remaining = delay - (curTime - startTime);
  43. clearTimeout(timer);
  44. if (remaining <= 0) {
  45. func();
  46. startTime = Date.now();
  47. } else {
  48. timer = setTimeout(func, remaining);
  49. }
  50. }
  51. }
  52. // window.addEventListener('resize', throttle(() => ScreenResize.resize(), 10));</script></html>