今天,我发布了一篇新文章,预览部分的图片出现了边框溢出。
查看已发布的文章时,图片部分溢出并被隐藏。
之前的文章没有遇到这种情况。这是一个 bug 吗?该如何修复?
链接:https://babyforex.net/t/xu-huong-thi-truong-forex-21-08-2019-gold-xau-usd-gbp-usd-aud-usd/169
今天,我发布了一篇新文章,预览部分的图片出现了边框溢出。
查看已发布的文章时,图片部分溢出并被隐藏。
之前的文章没有遇到这种情况。这是一个 bug 吗?该如何修复?
链接:https://babyforex.net/t/xu-huong-thi-truong-forex-21-08-2019-gold-xau-usd-gbp-usd-aud-usd/169
我没发现任何问题。我必须在后台重写 CSS 来修复这个问题。
我可以轻松复现,所以不确定您在说什么。请参见上方带有宽图的帖子。
我录制了一段包含详细信息的视频:https://www.youtube.com/watch?v=3uRjtTzXj7o
该视频没有帮助,请尝试在 Meta 上重现此问题。在您的下一条回复中添加一张宽幅图片。
我看上面的图片没什么问题?
这意味着我的论坛存在问题。但我没有发现任何问题。我尝试移除了所有插件和主题组件,但无法修复此错误。
现在我必须在自定义 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,导致图片被隐藏了。