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

标签 javascript css gallery lightbox

我使用 How TO - Lightbox 中的 w3school 灯箱示例创建了一个简单的图片库弹出窗口

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

最佳答案

您可以轻松地在 css 中调用所有图像并将“最大宽度”设置为“继承”。所以它继承自它的父元素,或者你可以将 max-width 设置为一个固定值。

关于javascript - 如何使用 javascript 根据显示大小重新调整弹出图片库的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42626462/

相关文章:

javascript - 如何找到字符串特定部分开始的位置?

Javascript:访问数组中作为对象属性的给定索引

javascript - 循环的文件预览可以很好地处理一个项目,两个或多个文件重复最后一个文件

javascript - 将 SubSub 菜单添加到水平菜单?

css - 避免 *{padding=0;margin :0 } css in content page?

jquery - bxslider slideWidth 的宽度问题

Wordpress - 单击时具有不同图像的图像灯箱

javascript - 如何在Vue js中处理未定义的 "Error in render: TypeError: Cannot read property ' abc'

css - 隔离在 DIV 中定义的样式,这样它们就不会影响网页的其余部分

html - 全宽 slider 库。突出显示的主图像和主图像左侧和右侧的较暗图像