我正在做一个项目,以提高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">
时(这看起来很好)
2条答案
按热度按时间v1uwarro1#
我希望这两个选项中有一个对您有用。
1.写入object-fit:覆盖到img标签;
1.用百分比表示宽度,高度:自动;
hi3rlvi22#
VPfB的建议起作用了--把它改为像素而不是百分比。谢谢!