# 图像灯箱不支持手动调整大小或\[grid\]标签 **URL:** \ **Category:** Bug\ **Tags:** lightbox\ **Created:** [2024 年6 月 18 日 11:05 UTC](https://meta.discourse.org/t/image-lightboxing-does-not-respect-manual-resizing-or-grid-tags/312535 "2024-06-18T11:05:22Z")\ **Posts on this page:** 1\ **Showing post:** 1
作者： ![Obskyr](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/obskyr/32/375733_2.png) [@Obskyr](https://meta.discourse.org/u/Obskyr)\ 发布日期： [2024 年6 月 18 日 11:05 UTC](https://meta.discourse.org/t/image-lightboxing-does-not-respect-manual-resizing-or-grid-tags/312535/1 "2024-06-18T11:05:23Z")
**优先级/严重性** : 低。 **平台** : 在 Windows 10 上的 Firefox 127.0 和 Android 14 上的 Chrome 125.0.6422.165 上已确认。 **描述** : 见下文。 **重现步骤:** 上传分辨率为 690×500 像素或更低的图像，然后手动调整其大小（例如 `![|336x456,x150](upload://uoNNF6SaHfaM6bRapNRZoeKQqjU.png)`) 或将其放入 `[grid]` 中（例如 `[grid] ![|336x456](upload://uoNNF6SaHfaM6bRapNRZoeKQqjU.png) [/grid]`)。 * * * # 预期行为 Discourse 中灯箱的工作方式是，如果图像已被缩小以适应帖子，则会将其灯箱化，以便可以单击以查看完整分辨率。 # 问题 当前实现方式存在一个错误：它仅将图像的原始分辨率与网站的“最大图像宽度”和“最大图像高度设置”（默认为 690×500 像素）进行比较，**忽略了[手动调整大小](https://meta.discourse.org/t/quick-image-resizing-and-markdown-image-dimensions/66812)和[图像网格。](https://meta.discourse.org/t/introducing-image-grids-in-posts/268664)** 这导致的结果是，如果图像小于 `[最大图像宽度]×[最大图像高度]`，则可能不会对其进行灯箱化。 ## 手动调整大小[^1] 以下是图像手动缩小后灯箱化失败的示例——将鼠标悬停在以下图像上，您会发现它们的灯箱化效果不一致；单击灯箱化的图像，您会发现其中一些在按左右键时不会出现：\[1\] ![](https://global.discourse-cdn.com/meta/original/4X/4/c/7/4c7dda08f514ef3cff1627fb6f1fdbf3c54d553a.png) ![](https://global.discourse-cdn.com/meta/original/4X/a/a/2/aa214ee82b2684d451807e4cf1feebcaca807af3.png) ![](https://global.discourse-cdn.com/meta/original/4X/d/5/0/d50efb83b2e770aa17e80d547606fc8df43afd3a.png) ![](https://global.discourse-cdn.com/meta/original/4X/3/c/d/3cd86be4fdfebe7941dff60837bd8f2687bf6a18.png) ![](https://global.discourse-cdn.com/meta/original/4X/2/d/c/2dc231008beb1ff2fb6475f5c635f6bb64b901e1.png) ## 图像网格 图像网格中的问题在于，网格几乎总是会调整图像大小，甚至经常_裁剪_图像，这使得它们无法单击以查看完整图像成为一个问题。 ![](https://global.discourse-cdn.com/meta/original/4X/8/5/d/85d6410a1e41b898b3e2ab3df644d0a10f1a6630.png) ![](https://global.discourse-cdn.com/meta/original/4X/6/5/4/654b0ad24f75ff339a6c611e067b8abf6e34d043.png) ![](https://global.discourse-cdn.com/meta/original/4X/8/e/a/8ea92e024fa32d5817f7eeb0db525b120256e294.png) ![](https://global.discourse-cdn.com/meta/original/4X/d/1/e/d1ebff3e811a6a872a07c248c41603098d4e8b3c.png) # 解决方案 [更新的解决方案建议](https://meta.discourse.org/t/image-lightboxing-does-not-respect-manual-resizing-or-grid-tags/312535/9?u=obskyr)可以在下面的讨论中找到。 > **最初提出的解决方案…** > > 解决方案是确保： > > 1. 灯箱将图像 **在页面上的大小** 与其原始分辨率进行比较，并且 > 2. 网格中的图像始终进行灯箱化。 > > 据我所知，应用灯箱是在客户端完成的，所以我想这至少不应该非常困难！ [^1]：此问题的一部分[之前已在论坛上提及，](https://meta.discourse.org/t/some-images-dont-lightbox/241731) 在该主题中，得出的解决方案与此基本相同。 * * * 1. 最初，这导致了严重的格式问题，因为[我单独报告了一个问题，](https://meta.discourse.org/t/lightboxed-images-do-not-have-vertical-align-set-misaligning-them-with-naked-img-s/312553/1) 但在编辑此帖子并编写此部分时，该问题已得到修复。 --- _[View the full topic](https://meta.discourse.org/t/image-lightboxing-does-not-respect-manual-resizing-or-grid-tags/312535)._