Swagger UI + OpenAPI 全宽渲染图像

Question

我正在使用 Python + Flask + Connexion + Swagger + OpenAPI。

我有这个 OpenAPI 文件：

当我执行它时，它会正确渲染图像。

我的问题是： 图像渲染太大，因为图像上附加了 CSS class：full-width.反正有没有说Swagger UI不要加上那个class？

请记住，我使用的是：openapi: 3.0.1。

谢谢！

Answer 1

我通过覆盖 Swagger-UI / CSS 文件使它工作。

如果您像我一样使用：Python + Flask + Connexion + Swagger + OpenAPI 那么您可以使用与文件相同的路径定义一个新路由：swagger-ui.css 并使用原始内容提供它，但进行以下更改。这就是诀窍。

...
.swagger-ui img.full-width {
    /* width: 100% */
}
...

Answer 2

这个样式问题 was fixed 在 Swagger UI v. 3.52.3.

Swagger UI + OpenAPI rendering image with full width