Onebox图片纵横比导致图片变形

支持
1

版本：3.1.0.beta3

Onebox 图像的纵横比有变化吗？

图像现在被挤压到一边了，我可以在主题中修复它，还是有其他原因？

提前感谢

2

你好 :slight_smile:

你能分享一个截图，或者最好是分享一个展示此问题的帖子的链接吗？

1 个赞
3

我都可以做

download
download1366×625 70 KB

4

您的网站上的图片被拉伸了，但 Discourse 上的没有：Goph's Bloody Piña Colada Ice Cream - gopher_byrd

image
image771×414 79.9 KB

Discourse 上的 onebox 保持了原始比例（这是正确的比例），没有被拉伸。

您可能需要通过将以下 CSS 代码替换为另一段 CSS 代码来修复您网站（而不是 Discourse）上的此问题：

.recipe-details img {
    width: 100%;
    max-height: 300px;
}

为

.recipe-details img {
    width: auto;
    max-height: 300px;
}
3 个赞
5

谢谢，我会看看

1 个赞
6

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.