| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 |
- <!doctype html>
- <html lang="">
- <head>
- <meta charset="UTF-8" />
- <link rel="icon" href="/favicon.ico" />
- <meta
- name="viewport"
- content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"
- />
- <meta name="screen-orientation" content="landscape" />
- <meta name="x5-orientation" content="landscape" />
- <meta name="apple-mobile-web-app-capable" content="yes" />
- <title>绥芬河市中东铁路</title>
- <style>
- * {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- }
- html,
- body {
- width: 100%;
- height: 100%;
- overflow: hidden;
- background: #000;
- touch-action: manipulation;
- }
- :root {
- --lw: 100vw;
- --lh: 100vh;
- }
- #app-container {
- position: relative;
- width: 100vw;
- height: 100vh;
- overflow: hidden;
- transform-origin: center center;
- }
- #app-container.is-portrait-rotated {
- position: fixed;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%) rotate(90deg);
- overflow: hidden;
- }
- #app {
- width: 100%;
- height: 100%;
- position: relative;
- overflow: hidden;
- }
- </style>
- </head>
- <body>
- <div id="app-container">
- <div id="app"></div>
- </div>
- <script type="module" src="/src/main.js"></script>
- </body>
- </html>
|
