index.html 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <!-- 引入 WeUI -->
  6. <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/1.1.1/weui.min.css"/>
  7. <script src="https://res.wx.qq.com/open/libs/weuijs/1.1.1/weui.min.js"></script>
  8. <script src="js/lib/phaser.min.js"></script>
  9. <script src="js/lib/phaser_plugins/VirtualJoystick/VirtualJoystick.js"></script>
  10. <script src="js/lib/mqttws31.js" type="text/javascript"></script>
  11. <script src="js/lib/mqantlib.js" type="text/javascript"></script>
  12. <script src="js/main.js"></script>
  13. <style>
  14. html{
  15. overflow:hidden;
  16. }
  17. body {
  18. text-align:center;
  19. margin:0 auto;
  20. padding: 0;
  21. width: 100%;
  22. height:100%;
  23. background-color:blue;
  24. scrolling:"no";
  25. overflow-x:hidden;
  26. overflow-y:hidden;
  27. }
  28. canvas {
  29. /*margin: 0 auto;*/
  30. /*width: 100%;*/
  31. /*height:100%;*/
  32. /*position:absolute;*/
  33. /*left:50%;*/
  34. /*top:50%;*/
  35. /*transform:translate(-50%,-50%);*/
  36. }
  37. .game {
  38. margin: auto;
  39. position: absolute;
  40. top: 0; left: 0; bottom: 0; right: 0;
  41. /*width: 100%;*/
  42. /*height:100%;*/
  43. background-color:lightcoral;
  44. /*transform:translate(-50%,-50%);*/
  45. /*transform:rotate(90deg);*/
  46. /*left:50%;*/
  47. /*top:50%;*/
  48. /*Rotate div */
  49. /*transform:rotate(90deg);*/
  50. /*-webkit-transform:translate(-50%, -50%);*/
  51. /*-ms-transform:rotate(90deg); !* Internet Explorer *!*/
  52. /*-moz-transform:rotate(90deg); !* Firefox *!*/
  53. /*-webkit-transform:rotate(90deg); !* Safari 和 Chrome *!*/
  54. /*-o-transform:rotate(90deg); !* Opera *!*/
  55. }
  56. .main{
  57. z-index: 10;
  58. position: absolute;
  59. /* display: none; */
  60. height: 100%;
  61. width: 100%;
  62. }
  63. </style>
  64. </head>
  65. <body>
  66. <div id="game" class="game" >
  67. </div>
  68. </body>
  69. </html>