如何使用javascript根据显示大小调整弹出图像画廊的大小

Question

我在“ 如何使用-灯箱”中使用w3school的灯箱示例创建了一个简单的图片库弹出窗口

我面临的问题是，如果图像尺寸很大，则弹出窗口将显示滚动条。 如何在不缩小图像的情况下根据浏览器的宽度和高度调整大小的图像？ 您可以看到一个简单的示例，只需在chrome上打开4k图像即可。 它将根据浏览器大小和宽高比自动调整。 我要一样

Answer 1

您可以轻松地在CSS中调用所有图像，并将“最大宽度”设置为“继承”。 因此它继承自其父元素，或者您可以将max-width设置为固定值。