index.html 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta charset="UTF-8">
  6. <title>双子星</title>
  7. <meta name="viewport"
  8. content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  9. <link rel="stylesheet" type="text/css" href="css/style.css" />
  10. </head>
  11. <body>
  12. <header>
  13. <div class="navbar">
  14. <div class="container-fluid">
  15. <img src="image/39ce1a05e2bb4fb0833a4ff9c55511f3.png" />
  16. </div>
  17. </div>
  18. </header>
  19. <div class="wrap">
  20. <div class="page" id="page">
  21. <div class="download-btn-2">
  22. <img class="btn-android" src="image/android.png" alt=""
  23. style="width: 57%; margin-bottom: 20px; display: block;">
  24. </div>
  25. </div>
  26. </div>
  27. </body>
  28. <script src="js/jquery-1.11.0.min.js"></script>
  29. <script>
  30. var html = document.querySelector("html");
  31. var clientWidth = html.getBoundingClientRect().width;
  32. html.style.fontSize = clientWidth / 23.4375 + "px";
  33. const clientheight = window.screen.height;
  34. $('#page').css('height', clientheight / (clientWidth / 23.4375) + "rem")
  35. $('.download-btn-2').click(function() {
  36. window.location.href =
  37. 'https://www.androidscloud.com/admin/attachment/download/2117e9b7f3734b16b81b9d7bb1c5a601'
  38. })
  39. </script>
  40. </html>