12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8" />
- <script>
- var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
- CSS.supports('top: constant(a)'))
- document.write(
- '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
- (coverSupport ? ', viewport-fit=cover' : '') + '" />')
- </script>
- <title></title>
- <!--preload-links-->
- <!--app-context-->
- <style>
- /* 防止Safari下拉刷新 */
- @media screen and (pointer: coarse) {
- @supports (-webkit-backdrop-filter: blur(1px)) and (overscroll-behavior-y: none) {
- html {
- min-height: 100.3%;
- overscroll-behavior-y: none;
- }
- }
- }
- /* 防止Chrome下拉刷新 */
- body {
- overscroll-behavior-y: none;
- }
- </style>
- </head>
- <body>
- <div id="app"><!--app-html--></div>
- <script type="module" src="/main.js">
- // // 检测浏览器是否支持overscroll-behavior属性
- // if (!'overscrollBehavior' in document.documentElement.style) {
- // document.addEventListener('touchmove', function(event) {
- // event.preventDefault();
- // }, {
- // passive: false
- // });
- // }
- </script>
- </body>
- </html>
|