如何使用javascript根据显示大小重新调整弹出图像库的大小

Question

我使用How TO - Lightbox

中的w3school的灯箱示例创建了一个简单的图片库弹出窗口

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

Answer 1

您可以轻松地在css中调用所有图像并设置＆＃34; max-width＆＃34;到＆＃34;继承＆＃34;。所以它继承自其父元素，或者您可以将max-width设置为固定值。