帖子中的图片过宽,当“最大图片宽度”已设置时

今天,我发布了一篇新文章,预览部分的图片出现了边框溢出。

查看已发布的文章时,图片部分溢出并被隐藏。

之前的文章没有遇到这种情况。这是一个 bug 吗?该如何修复?

链接:https://babyforex.net/t/xu-huong-thi-truong-forex-21-08-2019-gold-xau-usd-gbp-usd-aud-usd/169

让我看看,这是一张 1700 × 480 的图片:

看起来没问题。您是否在自己的网站上覆盖了 CSS,导致出现干扰?我无法复现宽图片出现的任何问题。

我也点击浏览了您的网站,在该主题下也没有发现任何问题。所有图片看起来都很正常,没有被人为裁剪。

请注意,嵌套引用(或仅使用引用)会限制帖子的宽度,因此在这些情况下您可能会观察到一些异常现象。

就像这样,假设这是一张图片

我没发现任何问题。我必须在后台重写 CSS 来修复这个问题。

我可以轻松复现,所以不确定您在说什么。请参见上方带有宽图的帖子。

我录制了一段包含详细信息的视频:https://www.youtube.com/watch?v=3uRjtTzXj7o

该视频没有帮助,请尝试在 Meta 上重现此问题。在您的下一条回复中添加一张宽幅图片。

这是我宽度为 1500 像素的图片。

我检查后发现,这个 bug 仅出现在我引用另一篇文章的长内容时。

我认为这个 bug 源于引用 BB 代码。

其他所有文章都正常。

查看

我看上面的图片没什么问题?

这意味着我的论坛存在问题。但我没有发现任何问题。我尝试移除了所有插件和主题组件,但无法修复此错误。

现在我必须在自定义 CSS 中添加以下代码来解决问题:

.d-editor-preview .image-wrapper img, .lightbox-wrapper img, .cooked img.d-lazyload {
    width: 100%;
    height: auto;
}

我尝试将我的网站与 Discourse 的 CSS 进行了比较。

在我的网站上:

#reply-control .d-editor-preview img:not(.thumbnail), .cooked img:not(.thumbnail) {
    max-width: 1200px;
    max-height: 628px;
}

HTML:

<img src="https://babyforex.net/uploads/default/original/1X/10670fd0bf4b34154ae4447feff1fc93f5eaed7e.jpeg" alt="h%C3%ACnh%20%E1%BA%A3nh" data-base62-sha1="2l6rNxc3PYiacNMqRTIM4GcaAjA" width="1200" height="526" class="d-lazyload">

在 Discourse 上:

#reply-control .d-editor-preview img:not(.thumbnail), .cooked img:not(.thumbnail) {
    max-width: 690px;
    max-height: 500px;

HTML:

<img src="https://d11a6trkgmumsb.cloudfront.net/optimized/3X/e/9/e98710650be7c014168330f7c60d7081340c89cb_2_690x194.jpeg" alt="image" data-base62-sha1="xjSCGCdDwgRqb1OJkiAZNgbEQEr" width="690" height="194" class="d-lazyload" srcset="https://d11a6trkgmumsb.cloudfront.net/optimized/3X/e/9/e98710650be7c014168330f7c60d7081340c89cb_2_690x194.jpeg, https://d11a6trkgmumsb.cloudfront.net/optimized/3X/e/9/e98710650be7c014168330f7c60d7081340c89cb_2_1035x291.jpeg 1.5x, https://d11a6trkgmumsb.cloudfront.net/optimized/3X/e/9/e98710650be7c014168330f7c60d7081340c89cb_2_1380x388.jpeg 2x">

Discourse 始终为 690px。

但我的网站是 1200px,导致图片被隐藏了。

这是我的错误,而不是 bug。我已经修复了。

将值更改为默认值。

谢谢!