Question

我创建了一个缩放大图像以适合窗口的页面，但是一旦图像加载并缩放以适合，它就不允许用户缩放。我希望初始视图大小由css实现，如下所示，但此后我希望用户能够缩放（或在移动/触摸屏设备上捏缩放），以及 Ctrl < / kbd> + 0 返回初始视图大小。我怎么能做到这一点？这是完整的代码：

<!DOCTYPE html>
<html>
<head>
    <style>
    img {
        position: fixed;
        max-width: 100%;
        max-height: 100%;
        top:0;
        left:0;
        bottom:0;
        right:0;
        margin: auto;
    }
    </style>
</head>
<body>
    <img src="LARGE_IMAGE.jpg">
</body>
</html>

Answer 1

您应该在视口上创建宽度。无论如何，设备宽度在此之后都不会改变。

CSS：显示位置的图像：已修复，但允许用户缩放

1 个答案: