请问html在不同浏览器edge和qq浏览器实现不同的图片效果另外全屏也要保证图片能够自适应

要在不同浏览器中实现不同的图片效果，可以使用CSS的浏览器前缀来针对特定的浏览器添加样式。在这种情况下，你可以使用@supports规则来检测浏览器是否支持某个属性或值，然后根据支持情况来应用不同的样式。

下面是一个示例，演示如何在Edge和QQ浏览器中实现不同的图片效果：

<!DOCTYPE html>
<html>
<head>
    <style>
        .fullscreen-image {
            width: 100%;
            height: 100vh;
            object-fit: cover; /* 图片自适应填充容器 */
        }

        @supports (-ms-ime-align:auto) {
            /* Edge 浏览器特定样式 */
            .fullscreen-image {
                object-position: top; /* 图片在容器中顶部对齐 */
            }
        }

        @supports (zoom:reset) {
            /* QQ 浏览器特定样式 */
            .fullscreen-image {
                object-position: center; /* 图片在容器中居中对齐 */
            }
        }
    </style>
</head>
<body>
    <img class="fullscreen-image" src="your-image.jpg" alt="Fullscreen Image">
</body>
</html>

在上面的示例中，我们使用了object-fit: cover;样式来让图片自适应填充容器。然后，我们使用@supports规则来检测浏览器是否支持特定的属性或值。对于Edge浏览器，我们应用了object-position: top;样式，使图片在容器中顶部对齐。对于QQ浏览器，我们应用了object-position: center;样式，使图片在容器中居中对齐。

这样，你就可以在不同浏览器中实现不同的图片效果，并且保证图片能够自适应全屏。

请问html在不同浏览器edge和qq浏览器实现不同的图片效果另外全屏也要保证图片能够自适应