我使用 How TO - Lightbox 中的 w3school 灯箱示例创建了一个简单的图片库弹出窗口
我面临的问题是,如果图像尺寸非常大,弹出窗口会滚动显示。如何在不缩小图像的情况下根据浏览器的宽度和高度调整任何大小的图像?你可以看到一个简单的例子,只是在 chrome 上打开一个 4k 图像。它会根据浏览器大小和宽高比自动调整。我也想要。
最佳答案
您可以轻松地在 css 中调用所有图像并将“最大宽度”设置为“继承”。所以它继承自它的父元素,或者你可以将 max-width 设置为一个固定值。
关于javascript - 如何使用 javascript 根据显示大小重新调整弹出图片库的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42626462/