html 嵌入Flask时图像被压扁

eufgjt7s  于 2022-11-20  发布在  其他
关注(0)|答案(2)|浏览(152)

我正在做一个项目,以提高Flask的性能,我使用了一个存储在我的assets文件中的图片(maindirectory〉static〉assets〉myimage)。虽然我让图片看起来很好,但不管我如何调整它们的高度,它们都被奇怪地压扁了。当我构建页面并嵌入HTML时,这些高度工作得很好,所以我有点困惑。
我的嵌入:

<img src="{{ url_for('static', filename='assets/t1.jpg' )}}" height="30%">

我把这张图片

<img src="{{ url_for('static', filename='assets/t1.jpg' )}}" height="30%">

我知道它是正确的抓取图像,因为它显示出来了,但它是压扁的原因,我不明白。我希望它看起来像我使用<img src="../static/assets/t1.jpg">时(这看起来很好)

v1uwarro

v1uwarro1#

我希望这两个选项中有一个对您有用。
1.写入object-fit:覆盖到img标签;
1.用百分比表示宽度,高度:自动;

hi3rlvi2

hi3rlvi22#

VPfB的建议起作用了--把它改为像素而不是百分比。谢谢!

相关问题