为什么图像会调整为父对象的宽度，而不是高度？[副本]
使用以下代码，图像可以适应父对象的宽度：
#img-parent {
max-width: 100px;
}
#header-img {
width: 100%;
}<div id="img-parent">
<img src="https://cdn.pixabay.com/photo/2013/09/16/22/23/yellow-183052_1280.png" id="header-img" alt="">
</div>但不管我是否设置父容器的高度：
#img-parent {
max-height: 100px;
}
#header-img {
height: 100%;
}<div id="img-parent">
<img src="https://cdn.pixabay.com/photo/2013/09/16/22/23/yellow-183052_1280.png" id="header-img" alt="">
</div>为什么会发生这种情况，我如何使图像适应父母的身高？
共有1个答案
正如TylerH所说，解决方案是定义父对象的高度，而不仅仅是最大高度。
-
我已经开始为绘制温度数据编程这个应用程序，当屏幕调整大小时，画布也应该调整大小。它初始化正确，但当我想调整窗口大小时，draw（）方法只会根据它绑定的stackpanes高度值调整高度大小，但它将完全忽略宽度。听者甚至不会开火。这我觉得很奇怪。此外，我必须为StackPane设置最小大小，否则将不会绘制任何东西。我没有使用FXML。 编辑我将第58行从setRight（）更改为setCenter，
-
问题内容： 我尝试使用PHP函数getimagesize，但无法将图像的宽度和高度提取为整数值。 我该如何实现？ 问题答案： 尝试这样： 确保： 您在此处指定正确的图像路径 图像具有读取权限 chmod图像目录到755 此外，请尝试在路径前面加上前缀，这有时在您无法读取文件时会有所帮助。
-
问题内容： Flexbox在将图像拉伸到其自然高度的情况下具有这种行为。换句话说，如果我有一个带有子图像的flexbox容器，并且我调整了该图像的宽度，那么高度根本不会重新调整，并且图像会被拉伸。 是什么原因造成的？ 我添加了此CodePen来演示我的意思。 问题答案： 正在扩展，因为默认值为。设置到。 在此处查看文档： align-self
-
我曾读到，Facebook开放图中与给定URL关联的图像必须大于50 x 50 然而，当我们运行Facebook对象调试器时，我们得到了以下警告： “Tiny og:image:og:image引用的所有图像在两个维度上都必须至少为200px。请检查给定url中标记为og:image的所有图像，并确保其符合最低规格。” 我们的URLhttp://www.famousbirthdays.com/pe
-
我对Java UI相对较新，希望您能帮助我解决一个简单的问题。 我有一个，类型为。部分包含一个组合框。 如何确保组合框扩大宽度而不扩大高度？ 在中还有一个按钮。我希望这个纽扣一点也不要伸长。
-
问题内容： 我正在尝试使图像（动态放置，不受尺寸限制）的宽度与其父div一样宽，但前提是该宽度不比其自身的宽度100％宽。我已经尝试过，但无济于事： 这些图像中的许多图像都比其父div宽得多，这就是为什么我希望它们进行相应调整的原因，但是当其中弹出一个小图像并放大到超出其正常尺寸时，它看起来确实很糟糕。有什么办法吗？ 问题答案： 仅指定一个，就应该这样做。