Html 使用对话框显示图片

我试图做的是显示一个缩略图，当你点击它时，图片显示为全尺寸（在一个对话框中）

我所能得到的要么是一张不适合对话框的图片，要么是一张比图片更宽的对话框

关于如何实现这一点有什么想法吗

不带样式的当前结果（您可以在侧面看到电梯）：

编辑对话框的代码：

<md-dialog aria-label="Picture" class="dialog-picture">
    <md-dialog-content>
        <div>
            <img src="images/random.jpg" alt="image at full size">
        </div>
    </md-dialog-content>
</md-dialog>

试过这个吗

 img {max-width: 100%; max-height: 100%; }

---

img{max width:100%}

？当我这样做时，图片样式在底部溢出，让电梯在右侧请提供一些代码继续。您不希望我们编写自定义解决方案，是吗？为现有代码提供解决方案要容易得多。我只是在做，很抱歉给您带来不便。该代码与

最大宽度：100%

相同，即在右侧显示电梯放置溢出：隐藏在img容器处？那么，图片没有完全显示，它是裁剪好的，那么你的容器可能没有边界？您有容器的宽度吗？对于对话框图片，可能有一个相对位置。img{max width:auto；max height:100%；}这一次，图片返回到其原始状态，即2个电梯。我可能已经找到了一个解决方案，那就是设置对话框的样式而不是图片

img {
    display: block;
    max-width: 100%;
    height: auto; 
}

 img {max-width: 100%; max-height: 100%; }