【发布时间】：2022-11-18 03:32:08
【问题描述】：
我正在从事一个项目以在 Flask 上做得更好，我正在使用存储在我的资产文件中的图像（主目录>静态>资产>我的图像）。虽然我让图像看起来很好，但无论我如何调整它们的高度，它们都被奇怪地压扁了。当我构建页面并嵌入到 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">（看起来不错）
【问题讨论】：
-
也许它与
height="30%"有关而不是与烧瓶有关？ -
你告诉它限制高度到容器的 30%。宽度将扩展以填充容器。也许您需要探索
object-fit属性 -
img 高度应以像素为单位：w3schools.com/tags/att_img_height.asp