<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>产品验真</title>
    <style>
        body, html {
            margin: 0;
            padding: 0;
            height: 100%;
            overflow: hidden; /* 禁止页面滚动 */
            display: flex;
            justify-content: center;
            align-items: center;
            touch-action: none; /* 禁止触摸操作 */
        }
        .image-container {
            width: 100%;
            max-width: 600px; /* Maximum width of the div */
            padding: 10px;
        }
        .image-container img {
            width: 100%;
            height: auto; /* Maintain aspect ratio */
            display: block;
            border-radius: 8px; /* Optional: rounded corners */
        }
    </style>
</head>
<body>
    <div class="image-container">
        <img src="./code.jpg" alt="">
    </div>

    <script>
        // 禁止下拉行为
        window.addEventListener('touchmove', function(event) {
            event.preventDefault();
        }, { passive: false });

        // 禁止双指缩放（针对 iOS 等设备）
        document.addEventListener('gesturestart', function(event) {
            event.preventDefault();
        });

        // 禁止页面缩放
        document.addEventListener('touchstart', function(event) {
            if (event.touches.length > 1) {
                event.preventDefault();
            }
        }, { passive: false });

        document.addEventListener('touchmove', function(event) {
            if (event.touches.length > 1) {
                event.preventDefault();
            }
        }, { passive: false });
    </script>
</body>
</html>
